@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:

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);
}