add triplecate

maquette-tests/assets/css/notes.css

@@ -1,17 +1,30 @@
-.following-note {
+.float-note {
     /* font-family: var(--font-notes); */
     font-size: var(--fs-notes);
-    line-height: 14px;
+    line-height: 12px;
     font-weight: 500;
 
     display: block;
     margin-top: calc(var(--baseline)*0.5);
     margin-bottom: calc(var(--baseline)*0.5);
 
+    float: left;
+    width: 60mm;
+    padding-right: 2ch;
+    position: relative;
+    left: -20mm;
+    margin-right: -20mm;
+
+    color: var(--vert);
+    text-align: right;
+    clear: both;
+
+    break-inside: avoid;
+
 
 }
 
-.container-following-note {
+.container-float-note {
     margin-left: 30%;
 }
 
@@ -21,8 +34,8 @@
 }
 
 
-.following-note_call,
-.following-note_marker {
+.float-note_call,
+.float-note_marker {
 
     &::before {
         content: "{"
@@ -37,14 +50,19 @@
     font-size: var(--fs-notes);
 }
 
-.following-note_call {
+.float-note_call {
     padding-left: 0.25ch;
     position: relative;
     top: -3px;
 }
 
 
-.following-note_marker {
-    position: absolute;
-    left: 0;
-}
+.float-note_marker {
+   width: 100%;
+   display: flex;
+   justify-content: flex-end;
+   justify-content: space-between;
+   /* text-align: right; */
+}
+
+