Source: dist/css/acc_uc.css, line
9880
7.14.2
Min Height
Is Responsive: breakpoint modifiers
Min heights can be very useful in interactions and keeping a consistent dimension feel without conflicts of overflow.
| Classes | Effect |
|---|
| .min-h_auto | min-height: auto |
| .min-h_0 | min-height: 0vh |
| .min-h_10 | min-height: 10vh |
| .min-h_20 | min-height: 20vh |
| .min-h_30 | min-height: 30vh |
| .min-h_40 | min-height: 40vh |
| .min-h_50 | min-height: 50vh |
| .min-h_60 | min-height: 60vh |
| .min-h_70 | min-height: 70vh |
| .min-h_80 | min-height: 80vh |
| .min-h_90 | min-height: 90vh |
| .min-h_100 | min-height: 100vh |
| .min-h_unset | min-height: unset |
<div class="flex p_4 bg_primary-4 items_start">
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_auto">.min-h_auto</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_0">.min-h_0</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_10">.min-h_10</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_20">.min-h_20</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_30">.min-h_30</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_40">.min-h_40</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_50">.min-h_50</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_60">.min-h_60</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_70">.min-h_70</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_80">.min-h_80</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_90">.min-h_90</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_100">.min-h_100</div>
<div class="flex_auto br_solid br_white-8 br_1 bg_primary min-h_60 min-h_unset:lg">.min-h_60.min-h_unset:lg</div>
</div>