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

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : ASPET-RATIO
    Styles liés à la propriété aspect-ratio
*/

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



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

/* 0.75 */
.ar-3-4 {
    aspect-ratio: 3 / 4;
}

/* 1 */
.ar-1-1 {
    aspect-ratio: 1 / 1;
}

/* 1.3333 */
.ar-4-3 {
    aspect-ratio: 4 / 3;
}

/* 1.40 */
.ar-7-5 {
    aspect-ratio: 7 / 5;
}

/* 1.50 */
.ar-3-2 {
    aspect-ratio: 3 / 2;
}

/* 1.60 */
.ar-16-10 {
    aspect-ratio: 16 / 10;
}

/* 1.7778 */
.ar-16-9 {
    aspect-ratio: 16 / 9;
}

/* 1.90 */
.ar-19-10 {
    aspect-ratio: 19 / 10;
}

/* 2 */
.ar-2-1 {
    aspect-ratio: 2 / 1;
}

/* 2.40 */
.ar-12-5 {
    aspect-ratio: 12 / 5;
}

/* 2.6667 */
.ar-8-3 {
    aspect-ratio: 8 / 3;
}

/* 3.30 */
.ar-33-10 {
    aspect-ratio: 33 / 10;
}



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

@media (min-width: 576px) {
    /* 0.75 */
    .ar-sm-3-4 {
        aspect-ratio: 3 / 4;
    }

    /* 1 */
    .ar-sm-1-1 {
        aspect-ratio: 1 / 1;
    }

    /* 1.3333 */
    .ar-sm-4-3 {
        aspect-ratio: 4 / 3;
    }

    /* 1.40 */
    .ar-sm-7-5 {
        aspect-ratio: 7 / 5;
    }

    /* 1.50 */
    .ar-sm-3-2 {
        aspect-ratio: 3 / 2;
    }

    /* 1.60 */
    .ar-sm-16-10 {
        aspect-ratio: 16 / 10;
    }

    /* 1.7778 */
    .ar-sm-16-9 {
        aspect-ratio: 16 / 9;
    }

    /* 1.90 */
    .ar-sm-19-10 {
        aspect-ratio: 19 / 10;
    }

    /* 2 */
    .ar-sm-2-1 {
        aspect-ratio: 2 / 1;
    }

    /* 2.40 */
    .ar-sm-12-5 {
        aspect-ratio: 12 / 5;
    }

    /* 3.30 */
    .ar-sm-33-10 {
        aspect-ratio: 33 / 10;
    }
}



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

@media (min-width: 768px) {
    /* 0.75 */
    .ar-md-3-4 {
        aspect-ratio: 3 / 4;
    }

    /* 1 */
    .ar-md-1-1 {
        aspect-ratio: 1 / 1;
    }

    /* 1.3333 */
    .ar-md-4-3 {
        aspect-ratio: 4 / 3;
    }

    /* 1.40 */
    .ar-md-7-5 {
        aspect-ratio: 7 / 5;
    }

    /* 1.50 */
    .ar-md-3-2 {
        aspect-ratio: 3 / 2;
    }

    /* 1.60 */
    .ar-md-16-10 {
        aspect-ratio: 16 / 10;
    }

    /* 1.7778 */
    .ar-md-16-9 {
        aspect-ratio: 16 / 9;
    }

    /* 1.90 */
    .ar-md-19-10 {
        aspect-ratio: 19 / 10;
    }

    /* 2 */
    .ar-md-2-1 {
        aspect-ratio: 2 / 1;
    }

    /* 2.40 */
    .ar-md-12-5 {
        aspect-ratio: 12 / 5;
    }

    /* 3.30 */
    .ar-md-33-10 {
        aspect-ratio: 33 / 10;
    }
}



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

@media (min-width: 992px) {
    /* 0.75 */
    .ar-lg-3-4 {
        aspect-ratio: 3 / 4;
    }

    /* 1 */
    .ar-lg-1-1 {
        aspect-ratio: 1 / 1;
    }

    /* 1.3333 */
    .ar-lg-4-3 {
        aspect-ratio: 4 / 3;
    }

    /* 1.40 */
    .ar-lg-7-5 {
        aspect-ratio: 7 / 5;
    }

    /* 1.50 */
    .ar-lg-3-2 {
        aspect-ratio: 3 / 2;
    }

    /* 1.60 */
    .ar-lg-16-10 {
        aspect-ratio: 16 / 10;
    }

    /* 1.7778 */
    .ar-lg-16-9 {
        aspect-ratio: 16 / 9;
    }

    /* 1.90 */
    .ar-lg-19-10 {
        aspect-ratio: 19 / 10;
    }

    /* 2 */
    .ar-lg-2-1 {
        aspect-ratio: 2 / 1;
    }

    /* 2.40 */
    .ar-lg-12-5 {
        aspect-ratio: 12 / 5;
    }

    /* 3.30 */
    .ar-lg-33-10 {
        aspect-ratio: 33 / 10;
    }
}



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

@media (min-width: 1200px) {
    /* 0.75 */
    .ar-xl-3-4 {
        aspect-ratio: 3 / 4;
    }

    /* 1 */
    .ar-xl-1-1 {
        aspect-ratio: 1 / 1;
    }

    /* 1.3333 */
    .ar-xl-4-3 {
        aspect-ratio: 4 / 3;
    }

    /* 1.40 */
    .ar-xl-7-5 {
        aspect-ratio: 7 / 5;
    }

    /* 1.50 */
    .ar-xl-3-2 {
        aspect-ratio: 3 / 2;
    }

    /* 1.60 */
    .ar-xl-16-10 {
        aspect-ratio: 16 / 10;
    }

    /* 1.7778 */
    .ar-xl-16-9 {
        aspect-ratio: 16 / 9;
    }

    /* 1.90 */
    .ar-xl-19-10 {
        aspect-ratio: 19 / 10;
    }

    /* 2 */
    .ar-xl-2-1 {
        aspect-ratio: 2 / 1;
    }

    /* 2.40 */
    .ar-xl-12-5 {
        aspect-ratio: 12 / 5;
    }

    /* 3.30 */
    .ar-xl-33-10 {
        aspect-ratio: 33 / 10;
    }
}



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

@media (min-width: 1400px) {
    /* 0.75 */
    .ar-xxl-3-4 {
        aspect-ratio: 3 / 4;
    }

    /* 1 */
    .ar-xxl-1-1 {
        aspect-ratio: 1 / 1;
    }

    /* 1.3333 */
    .ar-xxl-4-3 {
        aspect-ratio: 4 / 3;
    }

    /* 1.40 */
    .ar-xxl-7-5 {
        aspect-ratio: 7 / 5;
    }

    /* 1.50 */
    .ar-xxl-3-2 {
        aspect-ratio: 3 / 2;
    }

    /* 1.60 */
    .ar-xxl-16-10 {
        aspect-ratio: 16 / 10;
    }

    /* 1.7778 */
    .ar-xxl-16-9 {
        aspect-ratio: 16 / 9;
    }

    /* 1.90 */
    .ar-xxl-19-10 {
        aspect-ratio: 19 / 10;
    }

    /* 2 */
    .ar-xxl-2-1 {
        aspect-ratio: 2 / 1;
    }

    /* 2.40 */
    .ar-xxl-12-5 {
        aspect-ratio: 12 / 5;
    }

    /* 3.30 */
    .ar-xxl-33-10 {
        aspect-ratio: 33 / 10;
    }
}