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 1,125: Line 1,125:
   }
   }
}
}


@media (max-width:639px){
@media (max-width:639px){
Line 1,162: Line 1,163:


   .sv_skill_scaling__primary-value{ font-size:30px; }
   .sv_skill_scaling__primary-value{ font-size:30px; }
  .sv_skill_scaling__core-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    width:100%;
    align-items:stretch;
  }


   .sv_skill_scaling__core-pill{
   .sv_skill_scaling__core-pill{
    width:100%;
    min-width:0;
     min-height:25px;
     min-height:25px;
    min-width:70px;
     padding:7px 6px;
     padding:7px 6px;
    justify-self:stretch;
    justify-content:center;
    align-items:center;
    text-align:center;
   }
   }


Line 1,172: Line 1,184:
   .sv_skill_scaling__core-unit{ font-size:10px; }
   .sv_skill_scaling__core-unit{ font-size:10px; }
   .sv_skill_scaling__core-label{ font-size:9px; }
   .sv_skill_scaling__core-label{ font-size:9px; }
  .sv_skill_scaling__core-value,
  .sv_skill_scaling__core-unit,
  .sv_skill_scaling__core-label{
    width:100%;
    text-align:center;
  }


   .sv-skill-tabs .sv-mech-panel{
   .sv-skill-tabs .sv-mech-panel{
Line 1,188: Line 1,207:


   .sv-skill-tabs .sv-mech-mod-grid{
   .sv-skill-tabs .sv-mech-mod-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
     gap:8px 8px;
     gap:8px 8px;
   }
   }


   .sv-skill-tabs .sv-mech-mod-pill{
   .sv-skill-tabs .sv-mech-mod-pill{
     min-height:44px;
     min-height:42px;
     padding:6px 8px 5px;
     padding:6px 7px 5px;
     border-radius:14px;
     border-radius:14px;
   }
   }
Line 1,210: Line 1,230:


   .sv-skill-tabs .sv-mech-keyword-pill{
   .sv-skill-tabs .sv-mech-keyword-pill{
     min-height:34px;
     min-height:32px;
     padding:7px 9px;
     padding:6px 8px;
     border-radius:14px;
     border-radius:14px;
   }
   }


   .sv-skill-tabs .sv-mech-keyword-pill__label{
   .sv-skill-tabs .sv-mech-keyword-pill__label{
     font-size:12px;
     font-size:11px;
     line-height:1.08;
     line-height:1.08;
   }
   }
Line 1,222: Line 1,242:
   .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:40px;
     min-height:36px;
     padding:9px 10px;
     padding:8px 9px;
     border-radius:14px;
     border-radius:14px;
   }
   }


   .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:12px; }


   .sv-skill-card .sv-skill-meta,
   .sv-skill-card .sv-skill-meta,
   .sv-gi-card .sv-skill-meta{
   .sv-gi-card .sv-skill-meta{
     gap:6px;
     gap:6px;
     max-width:200px;
    width:100%;
     max-width:none;
     margin-left:auto;
     margin-left:auto;
     margin-right:auto;
     margin-right:auto;
     justify-content:center;
     justify-content:center;
    align-items:stretch;
   }
   }


   .sv-skill-card .sv-meta-card,
   .sv-skill-card .sv-meta-card,
   .sv-gi-card .sv-meta-card{
   .sv-gi-card .sv-meta-card{
    flex:1 1 calc(50% - 3px);
    min-width:0;
     min-height:32px;
     min-height:32px;
     gap:7px;
     gap:7px;
    padding:6px 8px;
    justify-content:center;
    align-items:center;
    text-align:center;
   }
   }


Line 1,253: Line 1,281:
   .sv-skill-card .sv-meta-text,
   .sv-skill-card .sv-meta-text,
   .sv-gi-card .sv-meta-text{
   .sv-gi-card .sv-meta-text{
    flex:1 1 auto;
    min-width:0;
     font-size:10px;
     font-size:10px;
     line-height:1.05;
     line-height:1.05;
     letter-spacing:0;
     letter-spacing:0;
    text-align:center;
   }
   }


Line 1,267: Line 1,298:


   /* Absorbed former micro-phone layout compaction into the default viewpoint. */
   /* Absorbed former micro-phone layout compaction into the default viewpoint. */
  .sv_skill_scaling__core-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
  .sv-skill-tabs .sv-mech-mod-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:8px 8px;
  }
  .sv-skill-tabs .sv-mech-mod-pill{
    min-height:42px;
    padding:6px 7px 5px;
  }
  .sv-skill-tabs .sv-mech-keyword-pill{
    min-height:32px;
    padding:6px 8px;
  }
  .sv-skill-tabs .sv-mech-keyword-pill__label{ font-size:11px; }
  .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{
    min-height:36px;
    padding:8px 9px;
  }
  .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:12px; }
}
}