Min-height
Utilities to control an element's minimum height.
Classes
Class | Output |
---|---|
.d-hmn10p | min-height: 10% !important; |
.d-hmn20p | min-height: 20% !important; |
.d-hmn25p | min-height: 25% !important; |
.d-hmn30p | min-height: 30% !important; |
.d-hmn40p | min-height: 40% !important; |
.d-hmn50p | min-height: 50% !important; |
.d-hmn60p | min-height: 60% !important; |
.d-hmn70p | min-height: 70% !important; |
.d-hmn75p | min-height: 75% !important; |
.d-hmn80p | min-height: 80% !important; |
.d-hmn90p | min-height: 90% !important; |
.d-hmn100p | min-height: 100% !important; |
.d-hmn0 | min-height: 0px !important; |
.d-hmn1 | min-height: 1px !important; |
.d-hmn2 | min-height: 2px !important; |
.d-hmn4 | min-height: 4px !important; |
.d-hmn6 | min-height: 6px !important; |
.d-hmn8 | min-height: 8px !important; |
.d-hmn12 | min-height: 12px !important; |
.d-hmn16 | min-height: 16px !important; |
.d-hmn24 | min-height: 24px !important; |
.d-hmn32 | min-height: 32px !important; |
.d-hmn42 | min-height: 42px !important; |
.d-hmn48 | min-height: 48px !important; |
.d-hmn64 | min-height: 64px !important; |
.d-hmn72 | min-height: 72px !important; |
.d-hmn84 | min-height: 84px !important; |
.d-hmn96 | min-height: 96px !important; |
.d-hmn102 | min-height: 102px !important; |
.d-hmn114 | min-height: 114px !important; |
.d-hmn128 | min-height: 128px !important; |
.d-hmn164 | min-height: 164px !important; |
.d-hmn216 | min-height: 216px !important; |
.d-hmn264 | min-height: 264px !important; |
.d-hmn332 | min-height: 332px !important; |
.d-hmn464 | min-height: 464px !important; |
.d-hmn512 | min-height: 512px !important; |
.d-hmn628 | min-height: 628px !important; |
.d-hmn764 | min-height: 764px !important; |
.d-hmn828 | min-height: 828px !important; |
.d-hmn912 | min-height: 912px !important; |
.d-hmn1024 | min-height: 1024px !important; |
.d-hmn1140 | min-height: 1140px !important; |
.d-hmn1268 | min-height: 1268px !important; |
.d-hmn1340 | min-height: 1340px !important; |
.d-hmn-auto | min-height: auto !important; |
.d-hmn-unset | min-height: unset !important; |
Percentages
Use d-hmn{n}p
to set a minimum height percentage for an element. This can be combined with d-h{n}p
and d-hmx{n}
to have an element fill a certain height range.
<div class="d-h216">
<div class="d-hmn100p">1</div>
</div>
Fixed
Use d-hmn{n}
to set a fixed minimum height for an element. This can be combined with d-h{n}p
and d-hmx{n}
to have an element fill a certain height range.
<div class="d-hmn64">1</div>
<div class="d-hmn96">2</div>
<div class="d-hmn332">3</div>