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 |