mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-11 13:56:10 +00:00
d926771bd8
Additional change: * The animation stylesheet pulled down for the storybook instance in dev-scripts/setup-storybook.sh is no longer referenced anywhere in assets so can be removed. Bug: T306486 Bug: T308351 Bug: T308360 Change-Id: Ia9f2a05cde2724486f7e449261c5d4875388f5ab
46 lines
1,006 B
Plaintext
46 lines
1,006 B
Plaintext
// A MenuListItem is a ToggleList item for menus.
|
|
|
|
@import '../../../minerva.less/minerva.variables.less';
|
|
@import '../../../minerva.less/minerva.mixins.less';
|
|
@import 'mediawiki.mixins.less';
|
|
|
|
.toggle-list-item {
|
|
display: block;
|
|
|
|
//
|
|
// Make the app feel like an app, not a JPEG. When hovering over a menu item, add a little
|
|
// interactivity.
|
|
&:hover {
|
|
background: @grayLightest;
|
|
}
|
|
|
|
a {
|
|
padding: 0.75em 0.875em;
|
|
}
|
|
}
|
|
|
|
.toggle-list-item__anchor {
|
|
// Override .mw-ui-icon `display: inline-block` so that the text is
|
|
// vertically centered. It also avoids whitespace issues.
|
|
display: flex;
|
|
align-items: center;
|
|
// Override .mw-ui-icon `line-height: 0` so that the text is visible.
|
|
line-height: inherit;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
&:visited, &:active {
|
|
color: @grayMediumDark;
|
|
}
|
|
}
|
|
|
|
.toggle-list-item__label {
|
|
color: @grayMediumDark;
|
|
font-weight: bold;
|
|
font-size: @font-size-minerva-small;
|
|
// Overflow text is ellipsized in one line.
|
|
.text-overflow( @visible: false );
|
|
}
|