/* -------------
    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
  02 - SM
  03 - MD
  04 - LG
        Height
            Base
            Pourcent
            Pixels
            Vh
        Min-height
  05 - XL
*/



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

.h-0 {
    height: 0 !important;
}

.h-auto {
    height: auto !important;
}



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

.h-100 {
    height: 100% !important;
}



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

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

    .h-32px {
        height: 3.2rem !important;
    }

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

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

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

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

.h-140px {
    height: 14rem !important;
}





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

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



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

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



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



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

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

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

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

/* Spécifique : Bloc 3 colonnes en bleu */
.min-h-162px {
    min-height: 162px;
}



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



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

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



/* -----------------
  04 - LG
        Height
            Pixels
----------------- */

@media (min-width: 992px) {
    .h-lg-auto {
        height: auto !important;
    }

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



/* -----------------
  04 - LG
        Min-height
            Base
----------------- */



/* -----------------
  04 - LG
        Min-height
            Pourcent
----------------- */



/* -----------------
  04 - LG
        Min-height
            Pixels
----------------- */

@media (min-width: 992px) {
    /* Spécifique : Bloc 3 colonnes en bleu */
    .min-h-lg-162px {
        min-height: 162px;
    }
}



/* -----------------
  04 - LG
        Min-height
            Vh
----------------- */