Dialtone

Min-width

Utilities to control an element's minimum width.

Classes

ClassOutput
.d-wmn10pmin-width: 10% !important;
.d-wmn20pmin-width: 20% !important;
.d-wmn25pmin-width: 25% !important;
.d-wmn30pmin-width: 30% !important;
.d-wmn40pmin-width: 40% !important;
.d-wmn50pmin-width: 50% !important;
.d-wmn60pmin-width: 60% !important;
.d-wmn70pmin-width: 70% !important;
.d-wmn75pmin-width: 75% !important;
.d-wmn80pmin-width: 80% !important;
.d-wmn90pmin-width: 90% !important;
.d-wmn100pmin-width: 100% !important;
.d-wmn0min-width: 0px !important;
.d-wmn1min-width: 1px !important;
.d-wmn2min-width: 2px !important;
.d-wmn4min-width: 4px !important;
.d-wmn6min-width: 6px !important;
.d-wmn8min-width: 8px !important;
.d-wmn12min-width: 12px !important;
.d-wmn16min-width: 16px !important;
.d-wmn24min-width: 24px !important;
.d-wmn32min-width: 32px !important;
.d-wmn42min-width: 42px !important;
.d-wmn48min-width: 48px !important;
.d-wmn64min-width: 64px !important;
.d-wmn72min-width: 72px !important;
.d-wmn84min-width: 84px !important;
.d-wmn96min-width: 96px !important;
.d-wmn102min-width: 102px !important;
.d-wmn114min-width: 114px !important;
.d-wmn128min-width: 128px !important;
.d-wmn164min-width: 164px !important;
.d-wmn216min-width: 216px !important;
.d-wmn264min-width: 264px !important;
.d-wmn332min-width: 332px !important;
.d-wmn464min-width: 464px !important;
.d-wmn512min-width: 512px !important;
.d-wmn628min-width: 628px !important;
.d-wmn764min-width: 764px !important;
.d-wmn828min-width: 828px !important;
.d-wmn912min-width: 912px !important;
.d-wmn1024min-width: 1024px !important;
.d-wmn1140min-width: 1140px !important;
.d-wmn1268min-width: 1268px !important;
.d-wmn1340min-width: 1340px !important;
.d-wmn-automin-width: auto !important;
.d-wmn-unsetmin-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>
Last Updated: