mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-12-01 01:06:31 +00:00
3bd0a4cfaf
Replacing id CSS selector by lower specific class selector, if needed with `.client-js` prefix. We have already been there once in Ib1a874b644, we need to enable `selector-max-id` stylelint rule in a follow-up in order to make devs not introduce without clear need. Change-Id: Id16d89280d2ef080907fca5871dca701554087fd
73 lines
1.1 KiB
Plaintext
73 lines
1.1 KiB
Plaintext
@import '../../minerva.less/minerva.variables.less';
|
|
|
|
.toc {
|
|
display: none;
|
|
position: relative;
|
|
margin: 1em 0;
|
|
padding: 0.2em 0.5em;
|
|
background-color: @colorGray15;
|
|
border: solid 1px @grayLightest;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.toctogglecheckbox ~ ul {
|
|
display: none;
|
|
}
|
|
|
|
.toctogglecheckbox:checked ~ ul {
|
|
display: block;
|
|
}
|
|
|
|
.toctogglelabel {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
height: 50px;
|
|
z-index: @z-indexAboveContent;
|
|
}
|
|
|
|
.client-js .toc {
|
|
.toctitle {
|
|
@toctitle-vertical-padding: 1.4em / 2;
|
|
visibility: hidden;
|
|
background-position: right center;
|
|
font-weight: bold;
|
|
border-bottom: 0;
|
|
|
|
h2 {
|
|
display: inline-block;
|
|
font-family: @fontFamilyBase;
|
|
font-size: unit( 18/16, em );
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
.tocnumber {
|
|
display: none;
|
|
}
|
|
|
|
> ul {
|
|
font-size: @font-size-minerva-small;
|
|
margin-left: 52px;
|
|
margin-right: 24px;
|
|
padding: 0 0 20px;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
}
|
|
|
|
@media screen and ( min-width: @width-breakpoint-tablet ) {
|
|
.client-js .toc {
|
|
// Reset the rule for mobile mode (but not for .client-nojs)
|
|
display: table;
|
|
|
|
.toctitle {
|
|
visibility: visible;
|
|
}
|
|
}
|
|
}
|