mediawiki-skin-crystal/resources/parts/page-toc.less
2025-10-12 21:41:53 +11:00

83 lines
1.5 KiB
Plaintext

.tocnumber, .toctitle {
display: none;
}
#toc {
// margin-top: calc(var(--space) * 2);
// margin-bottom: calc(var(--space) * 2);
background-image: linear-gradient(100deg, transparent 0%, #ecf2ff 20%, #ecf2ff 80%, transparent);
box-shadow: inset 0 0 12px 12px white;
padding-top: calc(var(--space) * 2);
padding-bottom: calc(var(--space) * 2);
}
.toctitle > h2 {
text-align: center;
}
#toc > ul {
display: flex;
justify-content: center;
column-gap: calc(var(--space) * 2);
row-gap: calc(var(--space));
flex-wrap: wrap;
padding-bottom: var(--space);
}
.toclevel-1 {
flex-basis: 6em;
}
.toclevel-1 > a {
font-size: 1.2em;
// font-weight: bold;
color: var(--black);
// background-image: linear-gradient(90deg, transparent, black 10%, black 90%, transparent);
}
.toclevel-2 > a {
color: var(--blue-6);
}
.toclevel-1 ul, .toclevel-1 {
display: flex;
flex-direction: column;
gap: calc(var(--space) / 2);
align-items: center;
}
.toctext {
text-wrap: nowrap;
font-family: 'Libre Caslon';
}
a:has(> .toctext):hover {
color: var(--blue-4);
}
#mw-content-text:has(> .mw-parser-output > #pagebody-header), .mw-parser-output:has(> #pagebody-header) {
display: grid;
grid-template-rows: subgrid;
grid-row: toc / bottomstart;
}
@media (min-width: 1081px) {
}
@media (max-width: 1080px) {
.toctext {
font-size: 0.9em;
}
#toc > ul {
column-gap: calc(var(--space) / 2);
}
.toclevel-1, .toclevel-1 ul {
row-gap: 0;
}
}