mediawiki-skins-Vector/resources/skins.vector.zebra.styles/skin.less
Jan Drewniak bd05ff4ae5 Add initial Zebra design update for page layout
Implements the zebra design update via the
skins.vector.zebra.styles module.

Refactors:
- Moves common variable and mixin imports from
individual files to skin.less file.
- Applies font-sizes to menu containers instead
of individual menu links.
- Adds mixins for dropdown and content-box styles.
- Unifies padding for pinned and unpinned menu states
  (including TOC).

Bug: T332600
Change-Id: I3d49095d84fa205cb5dcc889574133f42f1fd4ea
2023-04-21 11:02:56 -05:00

27 lines
818 B
Plaintext

/**
* Vector Zebra stylesheets
* NOTE: The skins.vector.zebra.styles module is intended to hold
* styles that are in-development under a feature flag.
* This module should be folded back into skins.vector.styles after
* the feature flag as been removed.
*/
@import 'mediawiki.mixins.less';
@import './variables.less';
@import './mixins.less';
@media screen {
.vector-feature-zebra-design-enabled {
@import './layouts/screen.less';
@import './layouts/grid.less';
@import './layouts/toc/pinned.less';
@import './layouts/toc/unpinned.less';
@import './components/Dropdown.less';
@import './components/MainMenu.less';
@import './components/PinnableElement.less';
@import './components/PinnableHeader.less';
@import './components/PageTools.less';
@import './components/StickyHeader.less';
}
}