Custom properties Packages

<div align="center">

NUFF is a small collection of tiny independent libraries that aim to solve simple issues.

Generate css variables and json from js

PostCSS plugin to validate fallback values of CSS custom properties

Adds custom properties to the start of a declaration block and sorts them.

[](https://www.npmjs.com/package/@fylgja/tokens) [](https://www.npmjs.com/package/@fylgja/tokens) [![License](https://img.shields.

Effortlessly generate Design Tokens (CSS custom properties) from JavaScript objects.

Theme of @a-paxx24.

CSS utility functions

Extract CSS custom properties (a.k.a CSS variables) and their values from stylesheets.

Webpack loader for custom-property-extract

Get and set CSS custom properties (variables) on any element.

<div align="center">

Creates the theme.css file in @avaco/utility-theme, @a-paxx24/utility-theme, ... .

Creates the theme.css file in @avaco/utility-theme, @a-paxx24/utility-theme, ... .

PostCSS plugin to parse annotation comments such as `@css-var-fallback`.

Dappre Custom Properties

- [https://unpkg.com/@cupcake-ds/cc-props/](https://unpkg.com/@cupcake-ds/cc-props/) - [https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css](https://unpkg.com/@cupcake-ds/cc-props/cc-props.min.css) - [https://unpkg.com/@cupcake-ds/cc-props/normalize.m

Interact with css component tokens dynamically in the Storybook UI

Leveraging style container queries to create an abstraction layer for supporting multiple theming systems