Icon
A square box for an inline SVG or an icon font. It keeps its space while the icon loads.
Iris CSS ships no icon set. Wrap any SVG or icon font glyph in
.icon. An SVG without fill takes the text color.
Sizes
Icon and text
.icon-text puts an icon and its label side by side. On a div it spans the full width.
Starred
Variables
| Variable | Default |
|---|---|
--i-icon-size | 1.5rem |
--i-icon-size-small | 1rem |
--i-icon-size-medium | 2rem |
--i-icon-size-large | 3rem |
--i-icon-color-text | inherit |
--i-icon-text-gap | 0.25em |