add Baskemo

maquette-tests/assets/css/modules/_notes.scss

@@ -1,10 +1,25 @@
 .inline-note{
-    font-size: 10px;
+
+    color: var(--green);
+
+    float: left;
+    clear: both;
+    width: 46mm;
+    text-align: left;
+    hyphens: none;
+
+    margin-right: 1ch;
+    margin-right: -20mm;
+    position: relative;
+    left: -25mm;
+    text-align: right;
+
+    font-family: var(--note);
+    font-size: 9.5px;
     line-height: 1.2;
 
-
-
     .body_note{
+        padding-top: 5px;
     }
 
     
@@ -12,24 +27,35 @@
 }
 .pagedjs_floatnote_marker,
 .pagedjs_floatnote_call{
+    color: var(--green);
 
+    // font-weight: bold;
+    padding-left: 0.25ch;
+    line-height: 0;
+    font-size: 9px;
+    font-family: var(--mono);
+    position: relative;
+    top: -1px;
+    margin-left: 2px;
+
+
+    border: 0.5px solid currentColor;
+
+    width: 14px;
+    height: 14px;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 4px;
 }
 
 
 .pagedjs_floatnote_marker{
-   
+    // float: left;
+    // position: absolute;
+    // left: 0px;
+    // display: block;
+    text-align: left;
 }
 
-.note-container{
-    grid-column: center;
-    grid-row: footer;
-    width: 100%;
-    height: calc(100% - 12mm);
-    // outline: 1px solid red;
-    columns: 2;
-    column-fill: auto;
 
-    padding-top: 20px;
-
-
-}