Insurer Brain

MediaWiki:Common.css: Difference between revisions

Browse history interactively
← Older editNewer edit →
Content deleted Content added
No edit summary
No edit summary
Line 1,326:
 
/* =================================================================
12. EDITORIAL DESIGN SYSTEM v9v10 ("paper & ink")
Appended LAST deliberately: later rules of equal specificity win,
so this section restyles typography / color / spacing WITHOUT
Line 1,332:
color variables from here — a later :root wins). Delete the whole
section to revert.
v10: markers drawn at EXACT positions — each level's marker sits on
v9: unified bullet geometry (desktop bullets on the heading axis,
its parent's text axis (level 1 on the heading axis); shapes
no marker overflow on mobile); teal focus rings; single composer
bullet / triangle / en dash, optically equal sizes.
focus ring; visitor chrome + Minerva coverage + themed AI panel.
================================================================= */
 
Line 1,382:
--ed-small: 0.8125rem; /* THE small size: tables, infobox, TOC, footer */
--ed-title-gap: 2.1rem; /* CALIBRATION: moves the title rule DOWN */
--ed-list-indent: 1.2em2rem; /* per-level bullet indent (both= skins)the */marker-to-text step
(rem, NOT em — an em offset would resolve
against each marker's own font-size) */
 
/* section 11's table palette, warmed onto the same ramp.
Line 1,526 ⟶ 1,528:
}
 
/* ── List geometry — ONE definition for both skins: thetext markerhangs sitsat
--ed-list-indent per level; the markers are positioned EXACTLY
just inside the content edge (aligned with headings), text hangs
below (see the ::before block). !important + the Minerva-qualified
at --ed-list-indent; each nesting level steps the same amount.
!important + the Minerva-qualified selectors beat section 7's mobile rules and the skin defaults;
table-cell lists keep section 11's own rule (higher specificity). ── */▼
mobile rules and the skin defaults; table-cell lists keep
▲ section 11's own rule (higher specificity). ── */
.mw-parser-output ul,
.mw-parser-output ol,
Line 1,546 ⟶ 1,547:
.mw-parser-output li li { margin-top: 0.3em; margin-bottom: 0.3em; }
.mw-parser-output li > ul { margin-top: 0.3em; }
 
/* per-level marker shapes (financial-wiki hierarchy): small bullet for
/* per-level markers drawn as ::before at EXACT positions: each marker's
main points, the house triangle for drivers (echoes the mobile TOC's
LEFT edge sits on its parent's text axis (level 1 on the heading
prefix), a hairline en dash for the deepest detail — depth reads from
axis), because left: -indent lands on the container edge, which IS
the silhouette; sizes tuned so all three look optically equal */
the parent text x. Shapes: bullet / house triangle (drivers, echoes
.mw-parser-output ul { list-style-type: "\2022\2002"; } /* bullet */
the TOC prefix) / hairline en dash; per-level font-size +
.mw-parser-output ul ul { list-style-type: "\25B8\2002"; } /* triangle */
line-height keep the three optically equal and vertically centered */
.mw-parser-output ul ul ul { list-style-type: "\2013\2002"; } /* en dash */
.mw-parser-output li::markerul { colorlist-style: var(--ed-faint); font-size:none 0.95em!important; }
.mw-parser-output liul > li::marker { font-sizeposition: 0.7emrelative; } /* triangle = bullet, optically */
.mw-parser-output liul li> li::markerbefore { font-size: 0.95em; } /* dash back to text scale */
content: "\2022";
position: absolute;
left: calc(-1 * var(--ed-list-indent));
color: var(--ed-faint);
font-family: var(--ed-sans);
font-size: 0.95em;
line-height: 1.68;
}
.mw-parser-output ul ul > li::before { content: "\25B8"; font-size: 0.7em; line-height: 2.29; }
.mw-parser-output ul ul ul > li::before { content: "\2013"; font-size: 0.95em; line-height: 1.68; }
 
/* page-reference superscripts — present everywhere, must whisper.
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Common.css"