Skip to content

v2.0.0

Choose a tag to compare

@filiBit filiBit released this 03 Jan 03:49
· 21 commits to main since this release
ee331ef

[2.0.0] 2025-01-03

Added

  • .color-invert utility rule for inverting the color scheme
  • .color-renvert utility rule for reverting the color scheme
  • Neutral color palette
  • Dark and light color schemes
  • .hue-<{ a, b, c, d }> utility rules for applying the context of a hue palette
  • .chroma-fg-<{ 1, 2, 3 }> utility rules for applying the chroma of an active hue context to a foreground
  • .chroma-bg-<{ 1, 2, 3 }> utility rules for applying the chroma of an active hue context to a background
  • State modifiers active, focus and open
  • Support for stacking media with state modifiers
  • Utilities .letter-0.15em and .letter-0.2em

Changed

  • Rename CSS custom properties from --ox-space-<x> to single --ox-base-length
  • Replace em values with unitless for .lh-<n> rules (see the reason)
  • Set height of class component .button to 6 base-length
  • Rename .x-span, .max-x-span, .y-span and .max-y-span into .w-span, .max-w-span, .h-span and .max-h-span
  • Rename --ox-cell-width to --ox-grid-track-width
  • Rename --ox-cell-gap to --ox-cell-line-width
  • Replace .table component rule with .table-<{1, 2, 3, ..., 16}>
  • Rename color variables
  • declaration blocks of following rules .w-<n>, .w-span-<n>, .h-<n> and h-span-<n> now include a flex-shrink: 0 declaration
  • Rename .button.active to .button.var-contained
  • Rename .button.toggle and .button.toggle.active to .button.var-indicator and .button-var-indicator.var-indicator-filled
  • .link component now uses pointer cursor and has an underline

Removed

  • .tab-bar component rule
  • .solid utility rule
  • .text-sm and .text-md components

Fixed

  • CSS specificity of .border-<...> rules
  • CSS specificity in dist file: "utility+component"