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

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : DISPLAY
    Styles des propriétés liés à la propriété display
    @infos : Flex et Grid sont gérés dans des fichiers dédiés
*/

/*
    01 - XS
    02 - SM
    03 - MD
    04 - LG
    05 - XL
    06 - XXL
*/



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

.d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.d-block {
    display: block;
}

.d-table {
    display: table;
}

.d-table-row {
    display: table-row;
}

.d-table-cell {
    display: table-cell;
}

.d-none {
    display: none;
}



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

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline;
    }

    .d-sm-inline-block {
        display: inline-block;
    }

    .d-sm-block {
        display: block;
    }

    .d-sm-table {
        display: table;
    }

    .d-sm-table-row {
        display: table-row;
    }

    .d-sm-table-cell {
        display: table-cell;
    }

    .d-sm-none {
        display: none;
    }
}



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

@media (min-width: 768px) {
    .d-md-inline {
        display: inline;
    }

    .d-md-inline-block {
        display: inline-block;
    }

    .d-md-block {
        display: block;
    }

    .d-md-table {
        display: table;
    }

    .d-md-table-row {
        display: table-row;
    }

    .d-md-table-cell {
        display: table-cell;
    }

    .d-md-none {
        display: none;
    }
}



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

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline;
    }

    .d-lg-inline-block {
        display: inline-block;
    }

    .d-lg-block {
        display: block;
    }

    .d-lg-table {
        display: table;
    }

    .d-lg-table-row {
        display: table-row;
    }

    .d-lg-table-cell {
        display: table-cell;
    }

    .d-lg-none {
        display: none;
    }
}



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

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline;
    }

    .d-xl-inline-block {
        display: inline-block;
    }

    .d-xl-block {
        display: block;
    }

    .d-xl-table {
        display: table;
    }

    .d-xl-table-row {
        display: table-row;
    }

    .d-xl-table-cell {
        display: table-cell;
    }

    .d-xl-none {
        display: none;
    }
}



/* -----------------
    06 - XXL
----------------- */

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline;
    }

    .d-xxl-inline-block {
        display: inline-block;
    }

    .d-xxl-block {
        display: block;
    }

    .d-xxl-table {
        display: table;
    }

    .d-xxl-table-row {
        display: table-row;
    }

    .d-xxl-table-cell {
        display: table-cell;
    }

    .d-xxl-none {
        display: none;
    }
}