mediawiki-skins-MinervaNeue/resources/skins.minerva.content.styles/toc.less
Jan Drewniak be76f05ebb Prepare for new mw-ui-icon spec for Minerva
Includes icon fixes and removal of some CSS overrides.

This causes the following temporary defects to the skin:
* Last modified bar will temporarily be squashed
* clear search  icon will be misaligned vertically

Depends-On:  Ie811d25595d041c35e6c214190101821f3a5d466
Bug: T229440
Change-Id: I0a3a73421791ad353bbcebaeb8241ad062f67ae4
2019-09-12 18:44:44 +00:00

81 lines
1.4 KiB
Plaintext

@import '../../minerva.less/minerva.variables.less';
// FIXME: While we transition to the new table of contents hide the old mobile one
// which would appear unstyled on mobile.
// This can be removed when cache has cleared for patch
// I720e62a578f0c7a14f4b5a698004471c85e54bc8
#toc.toc-mobile {
display: none;
}
#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 .content .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 ) {
#toc {
// Reset the rule for mobile mode (but not for .client-nojs)
display: table;
.toctitle {
visibility: visible;
}
}
}