@maltjoy/css
This package contains a set of CSS utilities that implements most of @maltjoy/themes tokens.
It allows to style more easily your elements without having to deal with stylesheets.
Available tokens modules:
- colors
- fonts
- elevations (box-shadow)
- spacing
- radius
Naming convention
Basically, HTML classes have the same naming convention than the CSS custom property it implements:
.joy-color-neutral-30 {
color: var(--joy-color-neutral-30);
}
.joy-font-size-primary-400 {
font-size: var(--joy-font-size-primary-400);
}