Module:Documentation/styles.css: Difference between revisions
From WikiOasis Meta
More actions
Miraheze >Rodejong Darkmode (from Dev) |
Wikipedia >Taavi use codex tokens for borders to improve dark mode support |
||
| Line 1: | Line 1: | ||
/* {{ | /* {{pp|small=yes}} */ | ||
. | .documentation, | ||
.documentation-metadata { | |||
border: 1px solid var( --border-color-base, #a2a9b1 ); | |||
background-color: #ecfcf4; | |||
clear: both; | clear: both; | ||
} | } | ||
. | .documentation { | ||
margin: 1em 0 0 0; | |||
padding: 1em; | |||
} | } | ||
. | .documentation-metadata { | ||
margin: 0.2em 0; /* same margin left-right as .documentation */ | |||
font-style: italic; | |||
padding: 0.4em 1em; /* same padding left-right as .documentation */ | |||
} | } | ||
. | .documentation-startbox { | ||
padding-bottom: 3px; | |||
border-bottom: 1px solid var( --border-color-base, #a2a9b1 ); | |||
margin-bottom: 1ex; | |||
} | } | ||
. | .documentation-heading { | ||
font-weight: bold; | |||
font-size: 125%; | |||
} | } | ||
. | .documentation-clear { /* Don't want things to stick out where they shouldn't. */ | ||
clear: both; | clear: both; | ||
} | } | ||
. | .documentation-toolbar { | ||
font-style: normal; | font-style: normal; | ||
font-size: 85%; | |||
} | } | ||
@media screen { | @media screen { | ||
html.skin-theme-clientpref-night .documentation, | html.skin-theme-clientpref-night .documentation, | ||
| Line 85: | Line 46: | ||
} | } | ||
@media screen and ( prefers-color-scheme: dark) { | |||
@media screen and ( prefers-color-scheme: dark ) { | |||
html.skin-theme-clientpref-os .documentation, | html.skin-theme-clientpref-os .documentation, | ||
html.skin-theme-clientpref-os .documentation-metadata { | html.skin-theme-clientpref-os .documentation-metadata { | ||