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 165: Line 165:
.sv-skill-headtext{
.sv-skill-headtext{
   min-width:0;
   min-width:0;
   flex:1 1 auto;
   flex:0 1 auto;
}
}


Line 302: Line 302:
   display:grid;
   display:grid;
   grid-template-columns:repeat(4, minmax(0, 1fr));
   grid-template-columns:repeat(4, minmax(0, 1fr));
   gap:8px;
   gap:6px;
   margin:8px 0 10px;
   margin:8px 0 10px;
}
}
Line 310: Line 310:
.sv-gi-card .sv-skill-meta .sv-pill{
.sv-gi-card .sv-skill-meta .sv-pill{
   width:100%;
   width:100%;
   justify-content:flex-start;
   justify-content:center;
   gap:8px;
   gap:6px;
   padding:7px 10px;
   padding:0;
  min-height:34px;
  align-items:center;
  text-align:center;
   border-radius:999px;
   border-radius:999px;
   border:1px solid rgba(59,75,99,0.85);
   border:1px solid rgba(59,75,99,0.85);
Line 320: Line 323:


   font-weight:900;
   font-weight:900;
   font-size:13px;
   font-size:12px;
   line-height:1.05;
   line-height:1.02;
   text-transform:none;
   text-transform:none;
   letter-spacing:0.1px;
   letter-spacing:0.08px;
   color:rgba(245,249,255,0.96);
   color:rgba(245,249,255,0.96);
}
}
Line 333: Line 336:
   display:flex;
   display:flex;
   align-items:center;
   align-items:center;
   gap:8px;
   gap:6px;
   padding:7px 10px;
   padding:0;
  min-height:34px;
  justify-content:center;
   border-radius:999px;
   border-radius:999px;
   border:1px solid rgba(59,75,99,0.85);
   border:1px solid rgba(59,75,99,0.85);
Line 350: Line 355:
.sv-skill-card .sv-meta-icon{
.sv-skill-card .sv-meta-icon{
   flex:0 0 auto;
   flex:0 0 auto;
   width:24px;
   width:20px;
   height:24px;
   height:20px;
   border-radius:999px;
   border-radius:999px;
   border:1px solid rgba(75,99,136,0.55);
   border:1px solid rgba(75,99,136,0.55);
Line 364: Line 369:
.sv-skill-card .sv-meta-textwrap{
.sv-skill-card .sv-meta-textwrap{
   min-width:0;
   min-width:0;
   flex:1 1 auto;
   flex:0 1 auto;
}
}


Line 371: Line 376:
   font-weight:900;
   font-weight:900;
   color:rgba(245,249,255,0.96);
   color:rgba(245,249,255,0.96);
   font-size:13px;
   font-size:12px;
   line-height:1.05;
   line-height:1.02;
   letter-spacing:0.1px;
   letter-spacing:0.08px;
   min-width:0;
   min-width:0;
   word-wrap:break-word;
   word-wrap:break-word;
  text-align:center;
}
}


Line 398: Line 404:
.sv-gi-card .sv-meta-text .sv-meta-lines span + span,
.sv-gi-card .sv-meta-text .sv-meta-lines span + span,
.sv-skill-card .sv-meta-text .sv-meta-lines span + span{
.sv-skill-card .sv-meta-text .sv-meta-lines span + span{
   margin-top:2px;
   margin-top:1px;
   font-size:11px;
   font-size:10px;
   font-weight:800;
   font-weight:800;
   opacity:0.90;
   opacity:0.90;