/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    DOM : BEFORE
    Styles liés aux classes .before_* qui permettent de cibler un pseudo-élément ::before
*/

/*
    01 - XS
        None
        Margin
            Margin Y
            Margin X
            Margin-top
            Margin-right
            Margin-bottom
            Margin-left
        Spécifiques
            List-style
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



/* -----------------
    01 - XS
        None
----------------- */

.before_none::before {
    content: none;
}


/* -----------------
    01 - XS
        Margin
            Margin-right
----------------- */

.before_mr-30px::before {
    margin-right: 3rem;
}



/* -----------------
    01 - XS
        Spécifiques
            List-style
----------------- */

.before_list-style {
    display: flex;
}

    .before_list-style::before {
        content: "";
        display: block;
        background-color: var(--c-primary);
        margin-right: 8px;
        width: 6px;
        min-width: 6px;
        height: 6px;
        margin-top: 8px;
    }



/* -----------------
    02 - SM
        None
----------------- */

@media (min-width: 576px) {
    .before-sm_none::before {
        content: none;
    }
}



/* -----------------
    03 - MD
        None
----------------- */

@media (min-width: 768px) {
    .before-md_none::before {
        content: none;
    }
}



/* -----------------
    04 - LG
        None
----------------- */

@media (min-width: 992px) {
    .before-lg_none::before {
        content: none;
    }
}



/* -----------------
    05 - XL
        None
----------------- */

@media (min-width: 1200px) {
    .before-xl_none::before {
        content: none;
    }
}