/*————————————
Heights
————————————*/ // // .h-25 .h-50 .h-75 .h-100 // .mh-100 { // max-height: 100% !important; // } //
/* Height in Percentage (%) */ .g-height-50x {
height: 50%;
}
.g-height-80x {
height: 80%;
}
.g-height-90x {
height: 90%;
}
.g-height-95x {
height: 95%;
}
.g-height-100x {
height: 100%;
}
/* Max Height in Percentage (%) */ .g-max-height-100x {
max-height: 100%;
}
/* Max Height in Viewport Height (vh) */ .g-max-height-90vh {
height: 90vh !important;
}
/* Min Height in Percentage (%) */ .g-min-height-100x {
min-height: 100%;
}
/* Height in Viewport Height (vh) */ .g-height-50vh {
height: 50vh !important;
}
.g-height-70vh {
height: 70vh;
}
.g-height-75vh {
height: 75vh;
}
.g-height-100vh {
height: 100vh !important;
}
/* Min Height in Viewport Height (vh) */ .g-min-height-50vh {
min-height: 50vh;
}
.g-min-height-60vh {
min-height: 60vh;
}
.g-min-height-70vh {
min-height: 70vh;
}
.g-min-height-80vh {
min-height: 80vh;
}
.g-min-height-100vh {
min-height: 100vh;
}
/* Auto Height */ .g-height-auto {
height: auto;
}
@media (min-width: $g-sm) {
.g-height-100vh--sm { height: 100vh !important; } .g-height-auto--sm { height: auto; } .g-height-100x--sm { height: 100%; }
}
@media (min-width: $g-md) {
.g-height-auto--md { height: auto; } .g-min-height-100vh--md { min-height: 100vh; }
}
@media (min-width: $g-lg) {
.g-height-100vh--lg { height: 100vh !important; } .g-height-auto--lg { height: auto; }
}
@media (min-width: $g-xl) {
.g-height-auto--xl { height: auto; }
}
/* Height in Pixels (px) */ .g-height-1 {
height: 1px;
}
.g-height-2 {
height: 2px;
}
.g-height-4 {
height: 4px;
}
.g-height-5 {
height: 5px !important;
}
.g-height-6 {
height: 6px !important;
}
.g-height-10 {
height: 10px !important;
}
.g-height-12 {
height: 12px !important;
}
.g-height-16 {
height: 16px !important;
}
.g-height-18 {
height: 18px;
}
.g-height-20 {
height: 20px !important;
}
.g-height-24 {
height: 24px;
}
.g-height-25 {
height: 25px;
}
.g-height-26 {
height: 26px;
}
.g-height-28 {
height: 28px !important; /* O */
}
.g-height-30 {
height: 30px !important;
}
.g-height-32 {
height: 32px; /* O */
}
.g-height-35 {
height: 35px !important;
}
.g-height-40 {
height: 40px;
}
.g-height-45 {
height: 45px;
}
.g-height-48 {
height: 48px; /* O */
}
.g-height-50 {
height: 50px;
}
.g-height-55 {
height: 55px;
}
.g-height-60 {
height: 60px;
}
.g-height-64 {
height: 64px; // J
}
.g-height-70 {
height: 70px;
}
.g-height-75 {
height: 75px; /* O */
}
.g-height-80 {
height: 80px !important;
}
.g-height-85 {
height: 85px;
}
.g-height-88 {
height: 88px;
}
.g-height-90 {
height: 90px;
}
.g-height-95 {
height: 95px !important;
}
.g-height-100 {
height: 100px !important;
}
.g-height-105 {
height: 105px;
}
.g-height-115 {
height: 115px !important; /* O */
}
.g-height-120 {
height: 120px;
}
.g-height-130 {
height: 130px;
}
.g-height-140 {
height: 140px;
}
.g-height-150 {
height: 150px;
}
.g-height-160 {
height: 160px;
}
.g-height-170 {
height: 170px; /* O */
}
.g-height-180 {
height: 180px !important; /* O */
}
.g-height-200 {
height: 200px;
}
.g-height-250 {
height: 250px;
}
.g-height-280 {
height: 280px;
}
.g-height-300 {
height: 300px;
}
.g-height-350 {
height: 350px;
}
.g-height-400 {
height: 400px;
}
.g-height-450 {
height: 450px;
}
.g-height-460 {
height: 460px; /* O */ max-height: 100% !important;
}
.g-height-500 {
height: 500px;
}
.g-height-600 {
height: 600px;
}
.g-height-680 {
height: 680px;
}
/* Min Height in Pixels (px) */ .g-min-height-4 {
min-height: 4px; // Z
}
.g-min-height-200 {
min-height: 200px;
}
.g-min-height-250 {
min-height: 250px;
}
.g-min-height-275 {
min-height: 275px;
}
.g-min-height-300 {
min-height: 300px;
}
.g-min-height-312 {
min-height: 312px;
}
.g-min-height-360 {
min-height: 360px;
}
.g-min-height-400 {
min-height: 400px;
}
.g-min-height-450 {
min-height: 450px;
}
.g-min-height-500 {
min-height: 500px;
}
.g-min-height-600 {
min-height: 600px;
}
@media (min-width: $g-sm) {
.g-height-350--sm { height: 350px; } .g-height-680--sm { height: 680px; }
}
@media (min-width: $g-md) {
.g-height-45--md { height: 45px !important; } .g-height-60--md { height: 60px !important; } .g-height-100--md { height: 100px !important; } .g-height-170--md { height: 170px !important; } .g-height-350--md { height: 350px; } .g-height-500--md { height: 500px; } .g-height-680--md { height: 680px; } .g-height-100x--md { height: 100%; } .g-height-100vh--md { height: 100vh; } .g-min-height-230--md { min-height: 230px; } .g-min-height-500--md { min-height: 500px; }
}
@media (min-width: $g-lg) {
.g-height-200--lg { height: 200px !important; } .g-height-230--lg { height: 230px; } .g-height-350--lg { height: 350px; } .g-height-680--lg { height: 680px; }
}
@media (min-width: $g-xl) {
.g-height-350--xl { height: 350px; } .g-height-680--xl { height: 680px; }
}