decor-6-expe/maquette-tests/assets/css/modules/_footnotes.scss
2026-02-24 14:09:50 +01:00

82 lines
No EOL
1.1 KiB
SCSS

.pagedjs_footnote{
font-family: var(--sans);
// font-size: 10px;
line-height: 1.3;
font-size: 12px;
font-weight: 200;
text-indent: -14mm;
padding-left: 14mm;
}
.pagedjs_floatnote_marker,
.pagedjs_floatnote_call{
}
.pagedjs_floatnote_marker{
}
.note-container{
grid-column: center;
grid-row: footer;
width: 100%;
height: calc(100% - 12mm);
// outline: 1px solid red;
columns: 2;
column-fill: auto;
padding-top: 20px;
}
.pagedjs_footnote_content{
// padding-top: var(--baseline);
// columns: 2;
}
// .pagedjs_footnote_inner_content{
// columns: 2;
// }
.pagedjs_footnotes::marker{
color: red;
}
.pagedjs_footnote[data-footnote-call]{
// font-family: sans-serif;
font-size: 12px;
font-family: var(--sans);
text-indent: 0px;
// position: relative;
// top: -2px;
margin-left: 2px;
&::after{
font-variant-position: normal;
content: attr(data-counter-footnote-increment) "}"
}
&::before{
content: "{"
}
}
[data-footnote-marker]::marker {
content: "{" counter(footnote-marker) "} ";
}