Toggle search
Toggle menu
115
248
25
2.7K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

Module:GameInfo/styles.css: Difference between revisions

From SpiritVale Wiki
More actions
← Older editNewer edit →
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 764: Line 764:
.sv-skill-tabs .sv-mech-panel{
.sv-skill-tabs .sv-mech-panel{
   display:grid;
   display:grid;
   grid-template-columns:minmax(0, 1fr) minmax(0, 220px);
   grid-template-columns:repeat(2, minmax(0, 1fr));
   column-gap:16px;
   column-gap:16px;
   row-gap:12px;
   row-gap:0;
   align-items:stretch;
   align-items:start;
}
}


Line 773: Line 773:
   min-width:0;
   min-width:0;
   max-width:100%;
   max-width:100%;
  min-height:176px;
   padding:0;
  max-height:176px;
   border:0;
   padding:10px 12px;
   border-radius:0;
 
   background:transparent;
   display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  overflow:hidden;
 
   border-radius:16px;
   background:var(--sv-ui-bg2);
   background-image:none;
   background-image:none;
   box-shadow:none;
   box-shadow:none;
}
.sv-skill-tabs .sv-mech-panel__mods,
.sv-skill-tabs .sv-mech-panel__keywords{
  grid-column:auto;
  margin-top:0;
}
}


.sv-skill-tabs .sv-mech-panel__mods{
.sv-skill-tabs .sv-mech-panel__mods{
   grid-column:1;
   overflow:visible;
}
}


.sv-skill-tabs .sv-mech-panel__keywords{
.sv-skill-tabs .sv-mech-panel__keywords{
   grid-column:2;
   display:flex;
   margin-top:0;
  flex-direction:column;
}
 
.sv-skill-tabs .sv-mech-panel .sv-tab-section-title{
  margin:0 0 10px;
   text-align:center;
}
}


/* Modifiers use the pills as the only real framing. */
.sv-skill-tabs .sv-mech-mod-grid{
.sv-skill-tabs .sv-mech-mod-grid{
   display:grid;
   display:grid;
   grid-template-columns:repeat(3, minmax(0, 1fr));
   grid-template-columns:repeat(3, minmax(0, 1fr));
   justify-content:center;
   gap:10px;
  justify-items:stretch;
   align-content:start;
   align-content:center;
  gap:8px 10px;
 
  width:100%;
  max-width:100%;
}
}


Line 813: Line 812:
   position:relative;
   position:relative;
   min-width:0;
   min-width:0;
   min-height:48px;
   min-height:70px;
   padding:7px 9px 6px;
   padding:8px 10px;


   display:flex;
   display:flex;
Line 827: Line 826:
   background-image:none;
   background-image:none;
   box-shadow:none;
   box-shadow:none;
}
.sv-skill-tabs .sv-mech-mod-pill.sv-hover-lift,
.sv-skill-tabs .sv-mech-mod-pill:hover{
  background:var(--sv-ui-bg3);
}
}


.sv-skill-tabs .sv-mech-mod-pill__label{
.sv-skill-tabs .sv-mech-mod-pill__label{
  width:100%;
   min-width:0;
   min-width:0;
  word-wrap:break-word;


   font-weight:900;
   font-weight:900;
Line 843: Line 847:
.sv-skill-tabs .sv-mech-mod-pill__value{
.sv-skill-tabs .sv-mech-mod-pill__value{
   margin-top:4px;
   margin-top:4px;
  width:100%;
   min-width:0;
   min-width:0;
   word-wrap:break-word;
   word-wrap:break-word;
Line 854: Line 857:
}
}


.sv-skill-tabs .sv-mech-mod-pill__hit,
/* Keywords now use a balanced 2-column grid. */
.sv-skill-tabs .sv-mech-keyword-pill__hit{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:5;
  opacity:0;
}
 
.sv-skill-tabs .sv-mech-mod-pill__hit .sv-def,
.sv-skill-tabs .sv-mech-keyword-pill__hit .sv-def{
  display:block;
  width:100%;
  height:100%;
}
 
.sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills{
.sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills{
   display:grid;
   display:grid;
   grid-template-columns:repeat(2, minmax(0, 1fr));
   grid-template-columns:repeat(2, minmax(0, 1fr));
  align-items:stretch;
   gap:10px;
   gap:8px;
   align-content:start;
   width:100%;
}
}


Line 884: Line 869:
   min-width:0;
   min-width:0;
   width:100%;
   width:100%;
   min-height:38px;
   min-height:54px;
   padding:8px 10px;
   padding:8px 10px;


Line 892: Line 877:
   text-align:center;
   text-align:center;


   border-radius:14px;
   border-radius:999px;
   border:1px solid var(--sv-ui-line2);
   border:1px solid var(--sv-ui-line2);
   background:var(--sv-ui-bg3);
   background:var(--sv-ui-bg3);
   background-image:none;
   background-image:none;
  box-shadow:none;
}
}


Line 910: Line 896:
}
}


.sv-skill-tabs .sv-mech-keyword-pill__hit{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:5;
  opacity:0;
}
.sv-skill-tabs .sv-mech-keyword-pill__hit .sv-def{
  display:block;
  width:100%;
  height:100%;
}
/* Larger keyword mode. */
.sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill,
.sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill,
.sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl{
.sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl{
   min-height:46px;
   min-height:60px;
   padding:10px 12px;
   padding:10px 12px;
   border-radius:14px;
   border-radius:999px;
}
}


Retrieved from "https://spiritvale.info/wiki/Module:GameInfo/styles.css"