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

/*
    @AUTHOR : Nicolas BOUDOT

    PROPRIÉTÉ : HEIGHT
    Styles liés à la propriété height
*/

/*
    01 - XS
        Height
            Base
            Pourcent
            Pixels
            Vh
        Min-height
            Base
            Pourcent
            Pixels
            Vh
        Max-height
            ase
            Pourcent
            Pixels
            Vh
  02 - SM
  03 - MD
  04 - LG
  05 - XL
  06 - XXL
*/



/* -----------------
    01 - XS
        Height
            Base
----------------- */

.h-0 {
    height: 0;
}

.h-auto {
    height: auto;
}



/* -----------------
    01 - XS
        Height
            Pourcent
----------------- */

.h-100 {
    height: 100%;
}



/* -----------------
    01 - XS
        Height
            Pixels
----------------- */

.h-10px {
    height: 1rem;
}

.h-20px {
    height: 2rem;
}

.h-30px {
    height: 3rem;
}

.h-40px {
    height: 4rem;
}

.h-50px {
    height: 5rem;
}

.h-60px {
    height: 6rem;
}

.h-70px {
    height: 7rem;
}

.h-80px {
    height: 8rem;
}

.h-90px {
    height: 9rem;
}

.h-100px {
    height: 10rem;
}



/* -----------------
    01 - XS
        Height
            Vh
----------------- */

.h-100vh {
    height: 100vh;
}



/* -----------------
    01 - XS
        Min-height
            Base
----------------- */

.min-h-0 {
    min-height: 0;
}

.min-h-auto {
    min-height: auto;
}



/* -----------------
    01 - XS
        Min-height
            Pourcent
----------------- */

.min-h-50 {
    min-height: 50%;
}

.min-h-100 {
    min-height: 100%;
}



/* -----------------
    01 - XS
        Min-height
            Pixels
----------------- */

.min-h-10px {
    min-height: 10px;
}

.min-h-20px {
    min-height: 20px;
}

.min-h-30px {
    min-height: 30px;
}

.min-h-40px {
    min-height: 40px;
}

.min-h-50px {
    min-height: 50px;
}

.min-h-60px {
    min-height: 60px;
}

.min-h-70px {
    min-height: 70px;
}

.min-h-80px {
    min-height: 80px;
}

.min-h-90px {
    min-height: 90px;
}

.min-h-100px {
    min-height: 100px;
}



/* -----------------
    01 - XS
        Min-height
            Vh
----------------- */

.min-h-100vh {
    min-height: 100vh;
}



/* -----------------
    01 - XS
        Max-height
            Base
----------------- */

.max-h-0 {
    max-height: 0;
}




/* -----------------
    01 - XS
        Max-height
            Pourcent
----------------- */

.max-h-100 {
    max-height: 100%;
}



/* -----------------
    01 - XS
        Max-height
            Pixels
----------------- */

.max-h-100px {
    max-height: 100px;
}



/* -----------------
    01 - XS
        Max-height
            Vh
----------------- */

.max-h-100vh {
    max-height: 100vh;
}