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

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : TEXT-ALIGN
    Styles liés à la propriété text-align
*/

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

/*
    @infos : La dernière déclaration d'une suite de déclarations (ex: text-uppercase {}), est celle de Bootstrap V5
    afin de ne pas perdre les traces de nommage de celui-ci. Les autres sont des raccourcis
*/



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

.ta-justify,
.text-justify {
    text-align: justify;
}

.ta-left,
.text-left {
    text-align: left;
}

.ta-right,
.text-right {
    text-align: right;
}

.ta-center,
.text-center {
    text-align: center;
}



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

@media (min-width: 576px) {
    .ta-sm-justify,
    .text-sm-justify {
        text-align: justify;
    }

    .ta-sm-left,
    .text-sm-left {
        text-align: left;
    }

    .ta-sm-right,
    .text-sm-right {
        text-align: right;
    }

    .ta-sm-center,
    .text-sm-center {
        text-align: center;
    }
}



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

@media (min-width: 768px) {
    .ta-md-justify,
    .text-md-justify {
        text-align: justify;
    }

    .ta-md-left,
    .text-md-left {
        text-align: left;
    }

    .ta-md-right,
    .text-md-right {
        text-align: right;
    }

    .ta-md-center,
    .text-md-center {
        text-align: center;
    }
}



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

@media (min-width: 992px) {
    .ta-lg-justify,
    .text-lg-justify {
        text-align: justify;
    }

    .ta-lg-left,
    .text-lg-left {
        text-align: left;
    }

    .ta-lg-right,
    .text-lg-right {
        text-align: right;
    }

    .ta-lg-center,
    .text-lg-center {
        text-align: center;
    }
}



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

@media (min-width: 1200px) {
    .ta-xl-justify,
    .text-xl-justify {
        text-align: justify;
    }

    .ta-xl-left,
    .text-xl-left {
        text-align: left;
    }

    .ta-xl-right,
    .text-xl-right {
        text-align: right;
    }

    .ta-xl-center,
    .text-xl-center {
        text-align: center;
    }
}



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

@media (min-width: 1400px) {
    .ta-xxl-justify,
    .text-xxl-justify {
        text-align: justify;
    }

    .ta-xxl-left,
    .text-xxl-left {
        text-align: left;
    }

    .ta-xxl-right,
    .text-xxl-right {
        text-align: right;
    }

    .ta-xxl-center,
    .text-xxl-center {
        text-align: center;
    }
}