Components
Tokens
Define these CSS properties in your app. The components inherit your palette, typography and surfaces.
Tokens
The 58 properties in Lostcoords::Ui::TOKENS, with the values this stylesheet gives them.
-
--animate-alert-in -
--berry -
--color-accent -
--color-berry -
--color-berry-soft -
--color-danger -
--color-danger-soft -
--color-gold -
--color-gold-soft -
--color-ink -
--color-ink-2 -
--color-ink-3 -
--color-ink-on-accent -
--color-leaf -
--color-leaf-soft -
--color-paper -
--color-paper-2 -
--color-paper-3 -
--color-sky -
--color-sky-deep -
--color-sky-soft -
--ease-out-expo -
--ease-sheet -
--focus-halo -
--font-body -
--glass-bar-edge -
--glass-edge -
--glass-fill -
--glass-hud-fill -
--glass-hud-ink -
--glass-hud-shadow -
--glass-hud-solid -
--glass-rim -
--glass-shadow -
--hairline -
--ink -
--ink-2 -
--ink-3 -
--ink-on-accent -
--leaf-soft -
--paper -
--paper-2 -
--paper-3 -
--pill-depth -
--pill-light -
--pill-rim -
--pill-surface -
--scrim -
--scrim-sheet -
--scrim-soft -
--shadow -
--sheet-duration -
--sheet-offscreen -
--sky -
--sky-soft -
--z-index-art -
--z-index-nav-popover -
--z-index-prompt