mediawiki-skins-Vector/resources/skins.vector.zebra.styles/components/Dropdown.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

34 lines
703 B
Plaintext

/**
* Targets all dropdown labels.
* - language variants, Actions menus
* - more menu, user menu
* - ULS button in sticky header
*/
.vector-dropdown > .vector-menu-heading:not( .mw-ui-icon-element ) {
display: flex;
&::after {
.mixin-vector-menu-heading-arrow();
}
}
/**
* Dropdown container
*/
.vector-dropdown .vector-dropdown-content {
.mixin-vector-dropdown-menu();
}
.vector-pinnable-element .vector-menu-heading {
color: @color-base--subtle;
font-weight: normal;
cursor: default;
padding: @padding-vertical-dropdown-menu-item 0;
}
.vector-pinnable-element .mw-list-item a,
.vector-dropdown-content .mw-list-item a {
.mixin-vector-dropdown-menu-item();
color: @color-link;
}