@tempera/tailwind-config

An API that generates a Tailwind configuration from a set of design tokens.

Usage no npm install needed!

<script type="module">
  import temperaTailwindConfig from 'https://cdn.skypack.dev/@tempera/tailwind-config';
</script>

README

tailwind-config

An API that generates a Tailwind configuration from a set of design tokens.

Installation

yarn add @tempera/tailwind-config

Usage

import getTailwindConfig from "@tempera/tailwind-config";

const tailwindConfig = getTailwindConfig(tokens);

// do something with the tailwind config

Tokens

The plugin expects these specs/tokens to be in the javascript/es6 format which you can generate using Style Dictionary.

In other words, flat modules in PascalCase are expected.

Example:

export const ColorPrimary = blue;
export const ColorSecondary = yellow;

View the source