@aesthetic/addon-properties

Custom properties for the Aesthetic CSS-in-JS style sheet.

Usage no npm install needed!

<script type="module">
  import aestheticAddonProperties from 'https://cdn.skypack.dev/@aesthetic/addon-properties';
</script>

README

Aesthetic - Custom Properties

Build Status npm version npm deps

Enables custom values and types for built-in CSS properties. Primarily adds support for expanded form object values, and compound values (keyframes, font faces).

import { compoundProperties, expandedProperties } from '@aesthetic/addon-properties';
import { configure } from '@aesthetic/<integration>';

configure({
    customProperties: {
        ...compoundProperties,
        ...expandedProperties,
    },
});

Installation

yarn add @aesthetic/addon-properties

Documentation

https://aestheticsuite.dev