MediaWiki:Common.css: Difference between revisions
Add light and dark header wordmarks |
Prevent the wider header logo from overlapping search |
||
| Line 85: | Line 85: | ||
html.skin-theme-clientpref-night .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } | html.skin-theme-clientpref-night .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } | ||
@media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-logo-container.skin-invert { filter: none; color-scheme: normal; } html.skin-theme-clientpref-os .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } } | @media (prefers-color-scheme: dark) { html.skin-theme-clientpref-os .mw-logo-container.skin-invert { filter: none; color-scheme: normal; } html.skin-theme-clientpref-os .mw-logo-wordmark { content: url(/w/images/wiki-brand/wordmark-dark.png); } } | ||
/* Give the wider wordmark its own space beside search. */ | |||
.mw-header { grid-template-columns: max-content minmax(0, 1fr); } | |||
.mw-header .vector-header-end { min-width: 0; } | |||
@media (max-width: 1100px) { .mw-header .mw-logo-wordmark { width: min(180px, 24vw) !important; height: auto !important; } } | |||