Width
The Width CSS property will set the current width of an element.
Usage
Place the width utility class on an element that you want to change the width property for.
You can set minimum and maximum width by adding max or min before the w. e.g. slb-max-w-auto or slb-min-w-300
Modifier selectors
| Modifier selector | Description |
|---|---|
slb-w-auto |
Set the width to auto |
slb-{max/min}-w-auto |
Set the maximum or minimum width to auto |
slb-w-100 |
Set the width to 100 |
slb-{max/min}-w-100 |
Set the maximum or minimum width to 100 |
slb-w-200 |
Set the width to 200 |
slb-{max/min}-w-200 |
Set the maximum or minimum width to 200 |
slb-w-300 |
Set the width to 300 |
slb-{max/min}-w-300 |
Set the maximum or minimum width to 300 |
slb-w-400 |
Set the width to 400 |
slb-{max/min}-w-400 |
Set the maximum or minimum width to 400 |
slb-w-500 |
Set the width to 500 |
slb-{max/min}-w-500 |
Set the maximum or minimum width to 500 |
slb-w-600 |
Set the width to 600 |
slb-{max/min}-w-600 |
Set the maximum or minimum width to 600 |
slb-w-700 |
Set the width to 700 |
slb-{max/min}-w-700 |
Set the maximum or minimum width to 700 |
slb-w-800 |
Set the width to 800 |
slb-{max/min}-w-800 |
Set the maximum or minimum width to 800 |
slb-w-900 |
Set the width to 900 |
slb-{max/min}-w-900 |
Set the maximum or minimum width to 900 |
.slb-w-auto - Width auto.
Width example
.slb-w-100 - Width 100.
Width example
.slb-w-200 - Width 200.
Width example
.slb-w-300 - Width 300.
Width example
.slb-w-400 - Width 400.
Width example
.slb-w-500 - Width 500.
Width example
.slb-w-600 - Width 600.
Width example
.slb-w-700 - Width 700.
Width example
.slb-w-800 - Width 800.
Width example
.slb-w-900 - Width 900.
Width example