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

50 lines
710 B
CSS
Raw Normal View History

2026-03-04 10:52:07 +01:00
.following-note {
2026-03-04 08:33:34 +01:00
font-family: var(--font-sans);
font-size: 12px;
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-04 08:33:34 +01:00
margin-left: 30%;
}
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: "}"
}
font-family: var(--font-sans);
font-weight: 500;
font-size: 12px;
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-04 08:33:34 +01:00
top: -4px;
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
}