mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-11-17 03:08:12 +00:00
c63fceea6e
We use 0.9em in a variety of places, to shrink font-size from the default font-size. However given we use 16px as a base font this results in a font-size of 14.4px. This can also cause problems with icons resulting in rounding errors when used with multiple icons This changes the font-size to 14px for those areas and makes future usages centralized by adding a specific variable. Also amending `@font-size-browser` variable to be aligned to naming convention and equal to Vector one. Bug: T229399 Change-Id: I8e31bca2982c049a9be73c89aa9e8e2aa8141269
33 lines
757 B
Plaintext
33 lines
757 B
Plaintext
// A MenuListItem is a ToggleList item for menus.
|
|
|
|
@import '../../minerva.less/minerva.variables';
|
|
@import '../../minerva.less/minerva.mixins';
|
|
|
|
.toggle-list-item__anchor--menu {
|
|
font-size: @font-size-minerva-small;
|
|
font-weight: bold;
|
|
// Fill the list item cell.
|
|
.box-sizing( border-box );
|
|
display: block;
|
|
width: 100%;
|
|
//
|
|
padding: 1em;
|
|
white-space: nowrap;
|
|
// Left-align text. Button elements are centered.
|
|
text-align: left;
|
|
//
|
|
color: @grayMediumDark;
|
|
|
|
&:visited, &:active {
|
|
// Visited and active links need extra specificity.
|
|
color: @grayMediumDark;
|
|
}
|
|
//
|
|
// Make the app feel like an app, not a JPEG. When hovering over a menu item, add a little
|
|
// interactivity.
|
|
&:hover {
|
|
text-decoration: none;
|
|
background: @grayLightest;
|
|
}
|
|
}
|