Typography
Letter Spacing
Utilities for sets the spacing between letters.
Class
class | css | |
---|---|---|
gap-tighter | letter-spacing: -0.05em | |
gap-tight | letter-spacing: -0.025em | |
gap-normal | letter-spacing: 0 | |
gap-wide | letter-spacing: 0.025em | |
gap-wider | letter-spacing: 0.05em | |
gap-widest | letter-spacing: 0.1em |
Usage
<!-- Example -->
<y class="gap-tight">
...
</y>
Customize More
// @file: `src/_plugins.scss`
@include plugin(
(
utility: 'gap',
//variant: 'responsive',
property: 'letter-spacing',
modifier: (
'super': '.5em',
'ultra': '1em'
...
)
)
)
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | Yes |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |