decor-6-expe/maquette-tests/assets/css/notes.css

51 lines
782 B
CSS
Raw Normal View History

2026-03-04 10:52:07 +01:00
.following-note {
2026-03-10 11:49:12 +01:00
/* font-family: var(--font-notes); */
2026-03-04 13:53:24 +01:00
font-size: var(--fs-notes);
2026-03-04 08:33:34 +01:00
line-height: 14px;
font-weight: 500;
display: block;
2026-03-04 10:52:07 +01:00
margin-top: calc(var(--baseline)*0.5);
2026-03-04 08:33:34 +01:00
margin-bottom: calc(var(--baseline)*0.5);
2026-03-04 10:52:07 +01:00
2026-02-23 22:44:59 +01:00
2026-03-04 08:33:34 +01:00
}
2026-02-24 12:40:59 +01:00
2026-03-04 10:52:07 +01:00
.container-following-note {
2026-03-16 09:48:16 +01:00
margin-left: calc(var(--unit)*2);
2026-03-04 08:33:34 +01:00
}
2026-02-23 22:28:14 +01:00
2026-02-24 12:40:59 +01:00
2026-03-04 10:52:07 +01:00
.wrapper__note-call {
2026-03-04 08:33:34 +01:00
break-inside: avoid;
}
2026-02-23 22:28:14 +01:00
2026-03-04 10:52:07 +01:00
.following-note_call,
.following-note_marker {
2026-02-23 22:28:14 +01:00
2026-03-04 10:52:07 +01:00
&::before {
2026-03-04 08:33:34 +01:00
content: "{"
}
2026-03-04 10:52:07 +01:00
&::after {
2026-03-04 08:33:34 +01:00
content: "}"
}
2026-03-10 11:49:12 +01:00
/* font-family: var(--font-notes);
font-weight: 500; */
font-size: var(--fs-notes);
2026-02-23 22:28:14 +01:00
}
2026-02-24 12:40:59 +01:00
2026-03-04 10:52:07 +01:00
.following-note_call {
2026-02-24 12:40:59 +01:00
padding-left: 0.25ch;
position: relative;
2026-03-10 11:49:12 +01:00
top: -3px;
2026-03-16 23:29:25 +01:00
line-height: 0;
2026-02-23 22:28:14 +01:00
}
2026-03-04 10:52:07 +01:00
.following-note_marker {
2026-03-04 08:33:34 +01:00
position: absolute;
left: 0;
2026-03-04 10:52:07 +01:00
}