Min-width
Utilities to control an element's minimum width.
Classes
Class | Output |
---|---|
.d-wmn10p | min-width: 10% !important; |
.d-wmn20p | min-width: 20% !important; |
.d-wmn25p | min-width: 25% !important; |
.d-wmn30p | min-width: 30% !important; |
.d-wmn40p | min-width: 40% !important; |
.d-wmn50p | min-width: 50% !important; |
.d-wmn60p | min-width: 60% !important; |
.d-wmn70p | min-width: 70% !important; |
.d-wmn75p | min-width: 75% !important; |
.d-wmn80p | min-width: 80% !important; |
.d-wmn90p | min-width: 90% !important; |
.d-wmn100p | min-width: 100% !important; |
.d-wmn0 | min-width: 0px !important; |
.d-wmn1 | min-width: 1px !important; |
.d-wmn2 | min-width: 2px !important; |
.d-wmn4 | min-width: 4px !important; |
.d-wmn6 | min-width: 6px !important; |
.d-wmn8 | min-width: 8px !important; |
.d-wmn12 | min-width: 12px !important; |
.d-wmn16 | min-width: 16px !important; |
.d-wmn24 | min-width: 24px !important; |
.d-wmn32 | min-width: 32px !important; |
.d-wmn42 | min-width: 42px !important; |
.d-wmn48 | min-width: 48px !important; |
.d-wmn64 | min-width: 64px !important; |
.d-wmn72 | min-width: 72px !important; |
.d-wmn84 | min-width: 84px !important; |
.d-wmn96 | min-width: 96px !important; |
.d-wmn102 | min-width: 102px !important; |
.d-wmn114 | min-width: 114px !important; |
.d-wmn128 | min-width: 128px !important; |
.d-wmn164 | min-width: 164px !important; |
.d-wmn216 | min-width: 216px !important; |
.d-wmn264 | min-width: 264px !important; |
.d-wmn332 | min-width: 332px !important; |
.d-wmn464 | min-width: 464px !important; |
.d-wmn512 | min-width: 512px !important; |
.d-wmn628 | min-width: 628px !important; |
.d-wmn764 | min-width: 764px !important; |
.d-wmn828 | min-width: 828px !important; |
.d-wmn912 | min-width: 912px !important; |
.d-wmn1024 | min-width: 1024px !important; |
.d-wmn1140 | min-width: 1140px !important; |
.d-wmn1268 | min-width: 1268px !important; |
.d-wmn1340 | min-width: 1340px !important; |
.d-wmn-auto | min-width: auto !important; |
.d-wmn-unset | min-width: unset !important; |
Percentages
Use d-wmn{n}p
to set a minimum width percentage for an element. This can be combined with d-w{n}p
and d-wmx{n}
to have an element fill a certain height range.
<div class="d-w64 d-wmn50p">1</div>
Fixed
Use d-wmn{n}
to set a fixed minimum width for an element. This can be combined with d-w{n}p
and d-wmx{n}
to have an element fill a certain height range.
<div class="d-wmn64">1</div>
<div class="d-wmn96">2</div>
<div class="d-wmn332">3</div>