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

.pagedjs_footnote{
    font-family: var(--sans);
    // font-size: 10px;
    line-height: 1.3;
   font-size: 12px;
   font-weight: 200;
   text-indent: -14mm;
   padding-left: 14mm;
   

    

}
.pagedjs_floatnote_marker,
.pagedjs_floatnote_call{

}


.pagedjs_floatnote_marker{
   
}

.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;


}


.pagedjs_footnote_content{
    // padding-top: var(--baseline);
// columns: 2;

}


    // .pagedjs_footnote_inner_content{
    //     columns: 2;
    // }



.pagedjs_footnotes::marker{
    color: red;
}



.pagedjs_footnote[data-footnote-call]{

        //   font-family: sans-serif;

       font-size: 12px;
     font-family: var(--sans);
    text-indent: 0px;
    // position: relative;
    // top: -2px;
    margin-left: 2px;
    &::after{
        font-variant-position: normal;
        content: attr(data-counter-footnote-increment) "}"

    }
    &::before{
        content: "{"
    }
}



[data-footnote-marker]::marker {
    content: "{" counter(footnote-marker) "} ";
}