Toggle menu
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
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
Line 134: Line 134:
   line-height:1.35;
   line-height:1.35;
   color:var(--sv-ui-text2);
   color:var(--sv-ui-text2);
}
/* -------------------------------------------------------------------------- */
/* 4) Meta and requirements block */
/* -------------------------------------------------------------------------- */
.sv-skill-meta-block{
  margin:8px 0 10px;
  display:grid;
  grid-template-columns:minmax(0, 1.7fr) minmax(0, 1fr);
  gap:10px;
}
.sv-skill-meta-block--single{
  grid-template-columns:minmax(0, 1fr);
}
.sv-skill-meta-block__bubble{
  min-width:0;
  padding:10px 12px;
  display:flex;
  align-items:center;
  border-radius:16px;
  background:var(--sv-ui-bg2);
  background-image:none;
  box-shadow:none;
}
.sv-skill-meta-block__bubble--meta .sv-skill-meta,
.sv-skill-meta-block__bubble--req .sv-reqrow{
  width:100%;
  margin:0;
}
.sv-skill-meta-block__bubble--req{
  justify-content:center;
}
}


Line 418: Line 379:
   column-gap:16px;
   column-gap:16px;
   row-gap:12px;
   row-gap:12px;
   align-items:start;
   align-items:stretch;
   justify-items:stretch;
   justify-items:stretch;
}
}
Line 425: Line 386:
   width:100%;
   width:100%;
   min-width:0;
   min-width:0;
  min-height:116px;
  max-height:116px;
   padding:10px 12px;
   padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;


   border-radius:16px;
   border-radius:16px;
Line 436: Line 404:
   grid-column:1;
   grid-column:1;
   grid-row:1;
   grid-row:1;
  display:flex;
  align-items:center;
  justify-content:center;
}
}


Line 448: Line 412:


.sv_skill_scaling__cluster{
.sv_skill_scaling__cluster{
   display:inline-flex;
   display:flex;
   align-items:center;
   align-items:center;
   justify-content:center;
   justify-content:center;
Line 454: Line 418:


   flex-wrap:wrap;
   flex-wrap:wrap;
   width:auto;
   width:100%;
  height:100%;
   max-width:100%;
   max-width:100%;
   margin:0 auto;
   margin:0 auto;


  min-width:0;
}
.sv_skill_scaling__column--core{
  width:100%;
   min-width:0;
   min-width:0;
}
}
Line 474: Line 434:
   background-image:none;
   background-image:none;
   box-shadow:none;
   box-shadow:none;
}
.sv_skill_scaling__column--stats,
.sv_skill_scaling__column--core{
  display:flex;
  align-items:center;
  justify-content:center;
}
.sv_skill_scaling__column--core{
  width:100%;
  min-width:0;
  min-height:100%;
}
}


Line 511: Line 484:
   display:grid;
   display:grid;
   grid-template-columns:repeat(2, max-content);
   grid-template-columns:repeat(2, max-content);
   justify-content:start;
   justify-content:center;
   justify-items:start;
   justify-items:center;
  align-content:center;


   row-gap:8px;
   row-gap:8px;
   column-gap:10px;
   column-gap:10px;
  margin:0 auto;


   grid-template-areas:
   grid-template-areas:
Line 691: Line 666:
   gap:8px;
   gap:8px;
   justify-items:center;
   justify-items:center;
  justify-content:center;
  align-content:center;
  width:100%;
  max-width:228px;
  margin:0 auto;
}
}


Line 1,119: Line 1,099:
   .sv-skill-title{ font-size:18px; }
   .sv-skill-title{ font-size:18px; }
   .sv-skill-desc{ font-size:13px; }
   .sv-skill-desc{ font-size:13px; }
  .sv-skill-meta-block{
    padding:9px 10px;
  }


   .sv_skill_scaling{ padding:9px 10px 10px; }
   .sv_skill_scaling{ padding:9px 10px 10px; }
Line 1,135: Line 1,111:


   .sv_skill_scaling__group{
   .sv_skill_scaling__group{
    min-height:auto;
    max-height:none;
     padding:9px 10px;
     padding:9px 10px;
   }
   }
Line 1,141: Line 1,119:
     grid-column:1;
     grid-column:1;
     grid-row:2;
     grid-row:2;
  }
  .sv_skill_scaling__cluster{
    height:auto;
   }
   }


Line 1,212: Line 1,194:
   .sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill__label,
   .sv-skill-tabs .sv-mech-panel__keywords .sv-tab-pills.sv-tab-pills--xl .sv-mech-keyword-pill__label,
   .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl .sv-mech-keyword-pill__label{ font-size:13px; }
   .sv-skill-tabs .sv-mech-keyword-pill.sv-pill--xl .sv-mech-keyword-pill__label{ font-size:13px; }
  .sv-gi-card .sv-reqrow,
  .sv-skill-card .sv-reqrow{
    padding-left:16px;
    padding-right:16px;
  }
  .sv-gi-card .sv-disclose,
  .sv-skill-card .sv-disclose{
    flex:1 1 170px;
    max-width:190px;
  }


   .sv-skill-card .sv-skill-meta,
   .sv-skill-card .sv-skill-meta,
Line 1,268: Line 1,238:
   .sv_skill_scaling__core-grid{
   .sv_skill_scaling__core-grid{
     grid-template-columns:repeat(2, minmax(0, 1fr));
     grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .sv-gi-card .sv-disclose,
  .sv-skill-card .sv-disclose{
    flex:1 1 100%;
    max-width:100%;
   }
   }