mediawiki-skins-MinervaNeue/resources/skins.minerva.mainMenu.styles/MainMenuItem.less
Steph Toyofuku 91c9e68afb Fix borders in night mode palette
Following a discussion in the ticket, update the places where `#eaecf0`
has been hardcoded to reflect whether it is intended to be a border or
background style and replace with CSS variables where applicable.  Add
`--border-color-muted` as a CSS custom property, and update the night
mode palette to use it.  Lastly, add `--color-error`, to be used in a
subsequent patch

Visual changes, but again gated behind night mode feature flag

Bug: T356825
Change-Id: Icb5741190f3e80a20dcedf9b13d6a34fe619b467
2024-02-14 16:18:21 -05:00

32 lines
791 B
Plaintext

@import '../../minerva.less/minerva.variables.less';
@import 'mediawiki.mixins.less';
// stylelint-disable selector-max-id
// .menu
#mw-mf-page-left {
ul {
.toggle-list-item {
background-color: var( --background-color-base );
position: relative; // ensure the logout link in beta can be position absolute
border-top: @border-width-base @border-style-base var( --border-color-muted );
// offset the border for the icon by 1px
margin-top: -@border-width-base;
&:first-child {
border-top: 0;
}
.toggle-list-item__anchor:hover {
box-shadow: inset 4px 0 0 0 var( --box-shadow-color-progressive--focus );
text-decoration: none;
}
.client-nojs & .skin-minerva-list-item-jsonly {
display: none;
}
}
}
}
// stylelint-enable selector-max-id