Spaces:
Sleeping
Sleeping
File size: 1,556 Bytes
fca4ff8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 | .marginpar {
left: var(--golden-ratio);
margin-right: 0;
margin-left: calc(var(--marginparwidth) * -1);
font-size: var(--small);
font-style: italic;
}
.marginpar.abs {
/* will ignore clear attribute */
position: absolute;
right: var(--void);
left: unset;
}
.marginpar-ctrl,
.marginpar-ctrl + label::before {
position: absolute;
top: -100vh;
}
.marginpar-ctrl + .has-counter::before {
counter-increment: marginnote;
position: unset;
}
.marginpar-ctrl + .has-counter::before,
.has-counter + .marginpar::before {
--anm: unset !important;
display: inline-block !important;
vertical-align: super;
color: inherit !important;
font: .7rem normal inherit;
content: '[' counter(marginnote) ']' !important;
}
.has-counter + .marginpar::before {
position: absolute;
left: 0;
width: var(--indent);
text-align: center;
padding-top: 1ex;
}
.marginpar-ctrl + label.has-counter {
display: unset;
padding: 0;
}
@media screen and (max-width: 640px) {
.marginpar-ctrl + label {
display: inline-flex;
padding: 2pt;
}
.marginpar-ctrl + label::before {
position: unset;
display: block !important;
left: 0;
}
.marginpar-ctrl:checked + label::before {
--anm: unset;
color: var(--ac);
}
.marginpar {
display: none;
float: unset;
}
.marginpar-ctrl:checked + label + .marginpar {
display: block;
position: unset;
margin: 1ex 0;
}
} |