Commentary

These are common helpers that force a width on an element. These are useful to provide controls for images and other elements that do not have an intrinsic size.

Usage

Classes:
Fixed widths .has-width-1rem, .has-width-2rem, .has-width-3rem, .has-width-4rem, .has-width-5rem, .has-width-6rem, .has-width-7rem, .has-width-8rem, .has-width-10rem, .has-width-15rem, .has-width-20rem, .has-width-25rem, .has-width-30rem, .has-width-40rem
Responsive widths .has-max-width-1rem, .has-max-width-2rem, .has-max-width-3rem, .has-max-width-4rem, .has-max-width-5rem, .has-max-width-6rem, .has-max-width-7rem, .has-max-width-8rem, .has-max-width-10rem, .has-max-width-15rem, .has-max-width-20rem, .has-max-width-25rem, .has-max-width-30rem, .has-max-width-40rem
Relative % widths .width-25, .width-33, .width-50, .width-75, .width-full
Dependencies:
File: widths.css
Variables: none