Density
One attribute to fit more on screen.
Set data-density on any container. Everything inside resizes without touching component classes.
compact
default
comfortable
<section data-density="compact">...</section>| Density | Control height | Text |
|---|---|---|
compact | 28px | 13px |
default | 32px | 14px |
comfortable | 40px | 15px |
On touch devices controls are always at least 44px tall, whatever the density.