Width

Sets the width of an element

Usage

Add width-* class to block or inline block element.

<div class="width-medium">
    // Your content
</div>

Classes

ClassValue
width-smallvar(--width-small)
width-mediumvar(--width-medium)
width-largevar(--width-large)
width-xlargevar(--width-xlarge)
width-2xlargevar(--width-2xlarge)
width-autoauto
width-00
width-1/1100%
width-1/250%
width-1/3calc(100% * 1 / 3.001)
width-2/3calc(100% * 2 / 3.001)
width-1/425%
width-3/475%
width-1/520%
width-2/540%
width-3/560%
width-4/580%
width-1/6calc(100% * 1 / 6.001)
width-100vw100vw
width-80vw80vw
width-60vw60vw
width-40vw40vw
width-20vw20vw
 

Add @s, @m, or @l suffix to support breakpoints

Table of contents