mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-11-15 19:59:35 +00:00
2223cb8c1b
Introduces CSS custom properties for the purposes of enabling client-side customizable font sizes. CSS custom properties are contained in a Less file, which imports values from Codex and converted them to rems using the Less unit() function. Includes ADR on CSS custom properties decisions. Bug: T348984 Change-Id: Ic5e62d55f3c3585fe3a00e41f29f88d3a2f7470b
61 lines
1.7 KiB
Plaintext
61 lines
1.7 KiB
Plaintext
/**
|
|
* Vector modern stylesheets
|
|
* See '../common/common.less' for common screen and print Vector stylesheets.
|
|
*/
|
|
@import './variables.less';
|
|
@import './mixins.less';
|
|
@import './CSSCustomProperties.less';
|
|
|
|
@media screen {
|
|
.vector-feature-zebra-design-disabled {
|
|
// Layouts
|
|
@import './layouts/screen.less';
|
|
@import './layouts/preZebra.less';
|
|
@import './layouts/grid.less';
|
|
@import './layouts/toc/pinned.less';
|
|
@import './layouts/toc/unpinned.less';
|
|
// Components
|
|
@import './components/Dropdown.less';
|
|
@import './components/MainMenu.less';
|
|
@import './components/PinnableElement.less';
|
|
@import './components/PinnableHeader.less';
|
|
@import './components/PageTools.less';
|
|
@import './components/StickyHeader.less';
|
|
@import './components/TableOfContents.less';
|
|
}
|
|
}
|
|
|
|
@media screen {
|
|
// Common styles
|
|
@import './normalize.less';
|
|
@import './typography.less';
|
|
|
|
// Components
|
|
@import './components/Button.less';
|
|
@import './components/LanguageDropdown.less';
|
|
@import './components/UserLinks.less';
|
|
@import './components/Header.less';
|
|
@import './components/Icon.less';
|
|
@import './components/Indicators.less';
|
|
@import './components/Footer.less';
|
|
@import './components/Menu.less';
|
|
@import './components/MenuTabs.less';
|
|
@import './components/PageTitlebar.less';
|
|
@import './components/PageToolbar.less';
|
|
@import './components/PopupNotification.less';
|
|
@import './components/SearchBox.less';
|
|
@import './components/SiteNotice.less';
|
|
@import './components/Watchstar.less';
|
|
@import './components/BottomDock.less';
|
|
}
|
|
|
|
@media all {
|
|
// Component styles that should apply in all media.
|
|
@import './components/Logo.less';
|
|
}
|
|
|
|
@media print {
|
|
@import './print.less';
|
|
@import './layouts/print.less';
|
|
}
|