Module:GameInfo/styles.css: Difference between revisions
From SpiritVale Wiki
More actions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| Line 6: | Line 6: | ||
- bg3 = inner framed block / pill surface | - bg3 = inner framed block / pill surface | ||
*/ | */ | ||
/* -------------------------------------------------------------------------- */ | |||
/* Canonical ownership map */ | |||
/* -------------------------------------------------------------------------- */ | |||
/* This sheet owns GameInfo-family presentation only. That includes: */ | |||
/* - GameInfo card shells and internal layout */ | |||
/* - skill card presentation and module-local responsive changes */ | |||
/* - module-local pills, panels, tabs, metadata blocks, and reference blocks */ | |||
/* */ | |||
/* It does NOT own: */ | |||
/* - shared site tokens / utilities / slider anatomy (Common.css) */ | |||
/* - skin and chrome theme logic (Citizen.css) */ | |||
/* - definitions-only token styling (Definitions stylesheet) */ | |||
/* */ | |||
/* Responsive cleanup note: GameInfo now maps its legacy mobile cutoffs into */ | |||
/* the canonical six-viewpoint ladder. The module still uses descending range */ | |||
/* queries for parity, but the breakpoints themselves are now canonical. */ | |||
/* -------------------------------------------------------------------------- */ | |||
/* Canonical ladder */ | |||
/* -------------------------------------------------------------------------- */ | |||
/* - default: <640px */ | |||
/* - sm: >=640px */ | |||
/* - md: >=768px */ | |||
/* - lg: >=1024px */ | |||
/* - xl: >=1280px */ | |||
/* - 2xl: >=1536px */ | |||
/* -------------------------------------------------------------------------- */ | |||
/* -------------------------------------------------------------------------- */ | /* -------------------------------------------------------------------------- */ | ||
| Line 1,018: | Line 1,045: | ||
/* -------------------------------------------------------------------------- */ | /* -------------------------------------------------------------------------- */ | ||
@media (max-width: | @media (max-width:1023px){ | ||
.sv-gi-card, | .sv-gi-card, | ||
.sv-skill-card{ | .sv-skill-card{ | ||
| Line 1,088: | Line 1,115: | ||
} | } | ||
@media (max-width: | @media (max-width:767px){ | ||
.sv-skill-meta-block{ | .sv-skill-meta-block{ | ||
grid-template-columns:minmax(0, 1fr); | grid-template-columns:minmax(0, 1fr); | ||
| Line 1,099: | Line 1,126: | ||
} | } | ||
@media (max-width: | @media (max-width:639px){ | ||
.sv-skill-head{ gap:10px; } | .sv-skill-head{ gap:10px; } | ||
| Line 1,238: | Line 1,265: | ||
.sv-skill-level{ padding:9px 10px; } | .sv-skill-level{ padding:9px 10px; } | ||
/* Absorbed former micro-phone layout compaction into the default viewpoint. */ | |||
.sv_skill_scaling__core-grid{ | .sv_skill_scaling__core-grid{ | ||