MediaWiki:Vector-2022.css: Difference between revisions

Content deleted Content added
Fix nested sidebar surfaces, contents spacing and print footer icons
Use theme heading typography for the sticky page title
 
(2 intermediate revisions by the same user not shown)
Line 40:
body.skin-vector-2022 #footer-places-frontier-attribution{flex-basis:100%;line-height:1.6}
body.skin-vector-2022 #footer-icons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}
body.skin-vector-2022 .vector-sticky-pinned-container::after{background-imagecontent:linear-gradient(to bottom,transparent,var(--elite-frame))none}
@media(max-width:999px){body.skin-vector-2022{background-attachment:scroll}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:1rem}body.skin-vector-2022 :is(.mw-header,.vector-dropdown-content,.vector-column-start .vector-toc,.vector-column-end .vector-pinnable-element){backdrop-filter:none}}
@media(max-width:500px){body.skin-vector-2022 .firstHeading{font-size:1.9em}body.skin-vector-2022 :is(.mw-body-header,.vector-page-toolbar,#bodyContent){padding-inline:.75rem}body.skin-vector-2022 .mw-parser-output .elite-hero{padding:1.25rem}body.skin-vector-2022 .mw-parser-output .elite-actions{display:flex;flex-wrap:wrap;gap:.5rem}body.skin-vector-2022 .mw-parser-output .elite-actions a{margin:0}}
Line 51:
@media(forced-colors:active){body.skin-vector-2022{background:Canvas;color:CanvasText}body.skin-vector-2022 :is(#bodyContent,.mw-body-header,.mw-header,.elite-hero,.vector-dropdown-content){background:Canvas!important;box-shadow:none;backdrop-filter:none}}
@media(forced-colors:active){html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero,html body.skin-vector-2022 .mw-parser-output .elite-home .elite-actions a{background:Canvas!important;color:CanvasText!important}html body.skin-vector-2022 .mw-parser-output .elite-home .elite-hero :is(h2,.elite-lead,.elite-eyebrow){color:CanvasText!important}}
 
@media(max-width:999px){body.skin-vector-2022 .vector-dropdown-content{background:var(--elite-panel)}}
body.skin-vector-2022 .vector-sticky-header :is(.mw-page-title-main,.mw-page-title-namespace,.mw-page-title-separator){font-family:var(--font-family-heading);font-weight:600;letter-spacing:.015em}