mediawiki-skins-Vector/resources/skins.vector.styles/skin.less
Jan Drewniak 1c04c9d227 [Zebra] Make sidebar columns equal width
Makes the columns that contain the ToC and Page Tools
menu equal width.

Moves these width declarations into the grid.less file
and converts them, as well as a few associated width
variables, to rems.

Widens the content column to maintain the same
line-length as pre-zebra, due to the extra side-padding
on the content container.

Scopes the non-zebra grid.less less file to the
zebra-disabled flag.

Bug: T335155
Change-Id: Iab9c5a13c90089c1775e6184eb10b7b4fd31a846
2023-04-28 17:32:05 -04:00

56 lines
1.5 KiB
Plaintext

/**
* Vector modern stylesheets
* See '../common/common.less' for common screen and print Vector stylesheets.
*/
@import 'mediawiki.mixins.less';
@import '../common/variables.less';
@import '../common/mixins.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';
}
}
@media screen {
// Components
@import './components/SearchBoxLoader.less';
@import './components/VueEnhancedSearchBox.less';
@import './components/LanguageDropdown.less';
@import './components/UserLinks.less';
@import './components/Header.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/TabWatchstarLink.less';
@import './components/TableOfContents.less';
@import './components/Icon.less';
}
@media all {
// Component styles that should apply in all media.
@import './components/Logo.less';
}
@media print {
@import './layouts/print.less';
}
@import './layouts/gradeC.less';