mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-13 08:29:29 +00:00
1d17b4624f
1) Icon optimizations * Load styles for expand icon in JavaScript since it relates to table of contents and that is only enabled with JavaScript * Drop vector-icon--x-small class since it only applies to this icon * Remove some FIXMEs to an issue that has already been fixed upstream 2) Move styles that do not need to be render blocking to skins.vector.js * Move sticky header to skins.vector.js since it doesn't work without JavaScript * Move popupNotification to skins.vector.js since this is never server side rendered. Change-Id: I98e6c0826b514aaefcf88f66275bba37125129b1
57 lines
1.6 KiB
Plaintext
57 lines
1.6 KiB
Plaintext
/**
|
|
* Vector modern stylesheets
|
|
* See '../common/common.less' for common screen and print Vector stylesheets.
|
|
*/
|
|
@import './variables.less';
|
|
@import './mixins.less';
|
|
|
|
@media screen {
|
|
// Common styles
|
|
@import './layouts/screen.less';
|
|
@import './layouts/grid.less';
|
|
@import './layouts/toc/pinned.less';
|
|
@import './layouts/toc/unpinned.less';
|
|
@import './normalize.less';
|
|
@import './typography.less';
|
|
|
|
// Components
|
|
@import './components/Dropdown.less';
|
|
@import './components/MainMenu.less';
|
|
@import './components/PinnableElement.less';
|
|
@import './components/PinnableHeader.less';
|
|
@import './components/PageTools.less';
|
|
@import './components/TableOfContents.less';
|
|
@import './components/Button.less';
|
|
@import './components/Appearance.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/SearchBox.less';
|
|
@import './components/SiteNotice.less';
|
|
@import './components/Watchstar.less';
|
|
@import './components/BottomDock.less';
|
|
|
|
// JS only features. These should be hidden by default but will
|
|
// be displayed by skins.vector.js when loaded.
|
|
.vector-sticky-header-container {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media all {
|
|
// Component styles that should apply in all media.
|
|
@import './components/Logo.less';
|
|
}
|
|
|
|
@media print {
|
|
@import './print.less';
|
|
@import './layouts/print.less';
|
|
}
|