/* famille */
.ff-primary {
    font-family: var(--ff-primary);
}

.ff-bold-primary {
    font-family: var(--ff-bold-primary);
}

.ff-secondary {
    font-family: var(--ff-secondary);
}

.ff-bold-secondary {
    font-family: var(--ff-bold-secondary);
}

.ff-monospace {
    font-family: var(--ff-monospace);
}

/* tailles de typo */
/*@each $nom, $size in $font-sizes { 
.fs-#{$nom} { font-size: $size;}
}*/

@mixin write-fontsize($media: '') {

    @each $nom, $size in $font-sizes {
        .fs#{$media}-#{$nom} { font-size: $size; }
}
}
@include write-fontsize();

@mixin write-text-align($media: '') {
    .text#{$media}-right { text-align: right !important; }
.text#{$media}-center {text-align: center !important; }
.text#{$media}-left { text-align: left !important; }
}

@include write-text-align();

.text-maj { text-transform: uppercase; }
.text-min { text-transform: lowercase; }
.text-italic { font-style: italic; }

/* hauteur de ligne */

@mixin write-lineheight($media: '') {
    @each $nom, $size in $base_lineheight {
        .lh#{$media}-#{$nom} { line-height: $size; }
} 
}

@include write-lineheight();