MediaWiki:Citizen.css: Difference between revisions

Line 1:

/* SpiritVale Wiki — Citizen.css */

/* Theme tokens, Citizen skin overrides, and global chrome polish. */

/* -------------------------------------------------------------------------- */

/* Canonical ownership map */

/* -------------------------------------------------------------------------- */

/* Citizen.css is the theme/chrome layer. It owns: */

/* - skin tokens and color-role overrides */

/* - Citizen shell/chrome presentation */

/* - theme-aware polish for globally shared UI */

/* - global safety exceptions tied to the skin itself */

/* */

/* Citizen.css does NOT own: */

/* - module layout for GameInfo, PatchHighlights, or other feature blocks */

/* - template-local layout for Definitions, ClassInfobox, etc. */

/* - the definition of what each breakpoint means */

/* */

/* Responsive cleanup note: Citizen.css now maps its viewport-specific rules */

/* to the canonical SpiritVale six-viewpoint ladder. It should still avoid */

/* owning module/template layout behavior. */

/* -------------------------------------------------------------------------- */

/* Canonical ladder */

/* -------------------------------------------------------------------------- */

/* - default: <640px */

/* - sm: >=640px */

/* - md: >=768px */

/* - lg: >=1024px */

/* - xl: >=1280px */

/* - 2xl: >=1536px */

/* -------------------------------------------------------------------------- */

Line 335:

Line 363:

/* -------------------------------------------------------------------------- */

/* 11) ~~Mobile glass removal~~ */

/* 11) Default viewpoint safety (<640px) */

/* -------------------------------------------------------------------------- */

@media (max-width:~~500px~~){

/* Mobile glass removal stays theme-owned and is mapped to the default */

/* viewpoint of the canonical ladder. */

@media (max-width:639px){

:root{

--backdrop-filter-frosted-glass:none !important;

@@ Line 1: / Line 1: @@
 /* SpiritVale Wiki — Citizen.css */
 /* Theme tokens, Citizen skin overrides, and global chrome polish. */
+/* -------------------------------------------------------------------------- */
+/* Canonical ownership map                                                     */
+/* -------------------------------------------------------------------------- */
+/* Citizen.css is the theme/chrome layer. It owns:                             */
+/* - skin tokens and color-role overrides                                      */
+/* - Citizen shell/chrome presentation                                         */
+/* - theme-aware polish for globally shared UI                                 */
+/* - global safety exceptions tied to the skin itself                          */
+/*                                                                            */
+/* Citizen.css does NOT own:                                                   */
+/* - module layout for GameInfo, PatchHighlights, or other feature blocks      */
+/* - template-local layout for Definitions, ClassInfobox, etc.                 */
+/* - the definition of what each breakpoint means                              */
+/*                                                                            */
+/* Responsive cleanup note: Citizen.css now maps its viewport-specific rules   */
+/* to the canonical SpiritVale six-viewpoint ladder. It should still avoid     */
+/* owning module/template layout behavior.                                     */
+/* -------------------------------------------------------------------------- */
+/* Canonical ladder                                                            */
+/* -------------------------------------------------------------------------- */
+/* - default: <640px                                                           */
+/* - sm:      >=640px                                                          */
+/* - md:      >=768px                                                          */
+/* - lg:      >=1024px                                                         */
+/* - xl:      >=1280px                                                         */
+/* - 2xl:     >=1536px                                                         */
+/* -------------------------------------------------------------------------- */
 /* -------------------------------------------------------------------------- */
@@ Line 335: / Line 363: @@
 /* -------------------------------------------------------------------------- */
-/* 11) Mobile glass removal */
+/* 11) Default viewpoint safety (<640px)                                      */
 /* -------------------------------------------------------------------------- */
-@media (max-width:500px){
+/* Mobile glass removal stays theme-owned and is mapped to the default        */
+/* viewpoint of the canonical ladder.                                         */
+@media (max-width:639px){
    :root{
      --backdrop-filter-frosted-glass:none !important;