@rivium/design-tokens v1.2.2

@rivium/design-tokens

This is a shareable configuration for tailwindcss. Includes all brand colors, fonts, spacing rules, etc.

If you develop a product of rivium this library is necessary to follow the correct brand guidelines

Get Starter

Install this library with the next command

npm install @rivium/design-tokens

Next, import the library in your tailwind.config.js file and includes this in 'Presets'

// tailwind.config.js
/** @type {import('tailwindcss').Config} */
import RiviumDesignTokens from '@rivium/design-tokens'

export default {
  content: ['./index.html', './src/**/*.{js,ts,vue}'],
  presets: [RiviumDesignTokens],
  theme: {
    extend: {}
  },
  plugins: []
}

Now you can use all values defined in the library. Example:

<p class="text-primary">Hello world</p>

Documentation

Read the full documentation on https://rivium-docs.surge.sh/design-tokens/