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

Template:ClassInfoBox/styles.css: Difference between revisions

Template page
More actions
← Older edit
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Tags: Mobile edit Mobile web edit
 
Line 1: Line 1:
/* SpiritVale Wiki — Template:ClassInfobox/styles.css */
/* SpiritVale Wiki — Template:ClassInfobox/styles.css */
/* Class overview styles. Shared infobox primitives stay in Common.css. */
/* Class overview styles. Shared infobox primitives stay in Common.css. */
/* -------------------------------------------------------------------------- */
/* Canonical ownership map                                                    */
/* -------------------------------------------------------------------------- */
/* This sheet owns only the ClassInfobox namespace. It is responsible for      */
/* the .sv-class-overview shell, its internal table layout, and any responsive */
/* changes needed specifically for that infobox.                              */
/*                                                                            */
/* It does NOT own shared infobox primitives, global tokens, theme logic, or  */
/* sitewide breakpoint definitions. Those belong in Common.css / Citizen.css.  */
/*                                                                            */
/* Responsive cleanup note: ClassInfobox now uses the canonical breakpoint    */
/* ladder instead of a one-off mobile cutoff.                                  */
/* -------------------------------------------------------------------------- */
/* Canonical ladder                                                            */
/* -------------------------------------------------------------------------- */
/* - default: <640px                                                          */
/* - sm:      >=640px                                                          */
/* - md:      >=768px                                                          */
/* - lg:      >=1024px                                                        */
/* - xl:      >=1280px                                                        */
/* - 2xl:    >=1536px                                                        */
/* -------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
Line 7: Line 30:


.sv-class-overview{
.sv-class-overview{
   float:right;
   float:none;
   width:100%;
   width:100%;
   max-width:200px;
   max-width:none;
   margin:0 0 2em 2em;
   margin:0 0 12px 0;
   box-sizing:border-box;
   box-sizing:border-box;
   border-radius:18px;
   border-radius:18px;
Line 56: Line 79:


.sv-class-overview__value{
.sv-class-overview__value{
   text-align:right;
   text-align:left;
   font-weight:600;
   font-weight:600;
   color:var(--sv-ui-text2);
   color:var(--sv-ui-text2);
Line 67: Line 90:


/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* 4) Responsive */
/* 4) Responsive                                                               */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* Base/default (<640px): stacked infobox for narrow mobile layouts.          */
/* sm and up (>=640px): restore the floated sidebar presentation.              */


@media (max-width:500px){
@media (min-width:640px){
   .sv-class-overview{
   .sv-class-overview{
     float:none;
     float:right;
     max-width:none;
     max-width:200px;
     margin:0 0 12px 0;
     margin:0 0 2em 2em;
   }
   }


  .sv-class-overview__label,
   .sv-class-overview__value{
   .sv-class-overview__value{
     text-align:left;
     text-align:right;
   }
   }
}
}
Retrieved from "https://spiritvale.info/wiki/Template:ClassInfoBox/styles.css"