decor-6-expe/maquette-tests/assets/css/modules/_notes.scss

58 lines
839 B
SCSS
Raw Normal View History

2026-03-04 08:33:34 +01:00
.following-note{
font-family: var(--font-sans);
font-size: 12px;
line-height: 14px;
font-weight: 500;
display: block;
// position: relative;
margin-top: calc(var(--baseline)*0.5);
margin-bottom: calc(var(--baseline)*0.5);
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 08:33:34 +01:00
.container-following-note{
margin-left: 30%;
// margin-top: calc(var(--baseline)*0.5);
// margin-bottom: calc(var(--baseline)*0.5);
}
2026-02-23 22:28:14 +01:00
2026-02-24 12:40:59 +01:00
2026-03-04 08:33:34 +01:00
.wrapper__note-call{
break-inside: avoid;
}
2026-02-23 22:28:14 +01:00
2026-03-04 08:33:34 +01:00
.following-note_call,
.following-note_marker{
2026-02-23 22:28:14 +01:00
2026-03-04 08:33:34 +01:00
&::before{
content: "{"
}
&::after{
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 08:33:34 +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-24 12:40:59 +01:00
2026-03-04 08:33:34 +01:00
2026-02-23 22:28:14 +01:00
}
2026-03-04 08:33:34 +01:00
.following-note_marker{
position: absolute;
left: 0;
2026-02-23 23:30:33 +01:00
2026-03-04 08:33:34 +01:00
}
2026-02-23 23:30:33 +01:00