Template:Spec.css: Difference between revisions
No edit summary |
Tag: Undo |
||
| (39 intermediate revisions by 2 users not shown) | |||
| Line 27: | Line 27: | ||
font-weight: 500; | font-weight: 500; | ||
color: var(--colour-grey-400); | color: var(--colour-grey-400); | ||
} | } | ||
} | } | ||
| Line 121: | Line 120: | ||
font-size: .85rem; | font-size: .85rem; | ||
margin-top: 0; | margin-top: 0; | ||
margin-right: 0.5rem; | |||
} | } | ||
| Line 128: | Line 128: | ||
#content h2 { | #content h2 { | ||
position: relative; | |||
border-bottom: 0; | border-bottom: 0; | ||
font-size: 1.75em; | font-size: 1.75em; | ||
| Line 134: | Line 135: | ||
h2 .mw-headline::before { | h2 .mw-headline::before { | ||
position: absolute; | |||
right: 100%; | |||
top: 0.175rem; | |||
display: grid; | |||
align-content: center; | |||
justify-content: center; | |||
aspect-ratio: 1 / 1; | |||
width: auto; | |||
height: 100%; | |||
white-space: nowrap; | |||
counter-increment: section; | counter-increment: section; | ||
content: counter(section) | content: counter(section); | ||
color: var(--colour-grey- | |||
font- | font-size: 1rem; | ||
color: var(--colour-grey-700); | |||
background-color: var(--colour-grey-100); | |||
font-weight: 600; | |||
margin-right: .5rem; | |||
} | } | ||
| Line 164: | Line 182: | ||
} | } | ||
s, .todo { | |||
color: var(--colour-grey-500) | color: var(--colour-grey-500); | ||
} | } | ||
.todo::before { | .todo::before { | ||
content: " | content: "❊ todo: "; | ||
} | |||
.mw-highlight .nt { | |||
color: var(--colour-ectoplasm-700); | |||
} | |||
.mw-highlight .na { | |||
color: var(--colour-olive-700); | |||
} | |||
.mw-highlight .s { | |||
color: var(--colour-red-700); | |||
} | |||
.mw-highlight .cm { | |||
color: var(--colour-weezer-700); | |||
} | |||
pre, code, .mw-code { | |||
color: var(--colour-grey-800); | |||
background-color: var(--colour-grey-50); | |||
border: 1px solid var(--colour-grey-200); | |||
} | |||
code { | |||
white-space: nowrap; | |||
} | |||
.wikitable { | |||
color: var(--colour-grey-800); | |||
background-color: var(--colour-grey-50); | |||
& > tr > th, > * > tr > th { | |||
color: var(--colour-grey-800); | |||
background-color: var(--colour-grey-100); | |||
} | |||
& > tr > th, > tr > td, > * > tr > th, > * > tr > td { | |||
border: 1px solid var(--colour-grey-300); | |||
& > code, > * > code { | |||
background-color: white; | |||
} | |||
} | |||
} | |||
.tocnumber, .toctext { | |||
font-variant-numeric: oldstyle-nums; | |||
} | } | ||