Sizing

Min Width

Style syntax for setting the minimum width of an element.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`min-width:size` `/` `min-w:size`	`min-width: sizerem`
`min-w:full`	`min-width: size%`
`min-w:fit`	`min-width: fit-content`
`min-w:max`	`min-width: max-content`
`min-w:max`	`min-width: max-content`
`min-w:3xs` `/` `min-w:360`	`min-width: 30rem`
`min-w:2xs` `/` `min-w:480`	`min-width: 37.5rem`
`min-w:xs` `/` `min-w:600`	`min-width: 48rem`
`min-w:sm` `/` `min-w:768`	`min-width: 52.125rem`
`min-w:md` `/` `min-w:1024`	`min-width: 64rem`
`min-w:lg` `/` `min-w:1280`	`min-width: 80rem`
`min-w:xl` `/` `min-w:1440`	`min-width: 90rem`
`min-w:2xl` `/` `min-w:1600`	`min-width: sizerem`
`min-w:3xl` `/` `min-w:1920`	`min-width: 120rem`
`min-w:4xl` `/` `min-w:2560`	`min-width: 160rem`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="min-w:full:hover min-w:full@sm min-w:full@dark min-w:full@print">…</div>

Style syntax for setting the minimum height of an element.

Style syntax for setting an element’s width.

MIT License © Aoyue Design LLC.

Issue on this page