sass → css

maquette-tests/assets/css/notes.css

@@ -0,0 +1,50 @@
+.following-note {
+    font-family: var(--font-sans);
+    font-size: 12px;
+    line-height: 14px;
+    font-weight: 500;
+
+    display: block;
+    margin-top: calc(var(--baseline)*0.5);
+    margin-bottom: calc(var(--baseline)*0.5);
+
+
+}
+
+.container-following-note {
+    margin-left: 30%;
+}
+
+
+.wrapper__note-call {
+    break-inside: avoid;
+}
+
+
+.following-note_call,
+.following-note_marker {
+
+    &::before {
+        content: "{"
+    }
+
+    &::after {
+        content: "}"
+    }
+
+    font-family: var(--font-sans);
+    font-weight: 500;
+    font-size: 12px;
+}
+
+.following-note_call {
+    padding-left: 0.25ch;
+    position: relative;
+    top: -4px;
+}
+
+
+.following-note_marker {
+    position: absolute;
+    left: 0;
+}