Tokens v2.1.0

Getting started

To install @igloo-ui/tokens in your project, you will need to run the following command using npm:

npm install @igloo-ui/tokens

If you prefer Yarn,

yarn add @igloo-ui/tokens

Usage

In Sass, you can import the files by doing:

// CSS
@import '@igloo-ui/tokens/dist/variables.css';
// SCSS
@import '@igloo-ui/tokens/dist/_variables.scss';

Fonts

To use the fonts it is important to import them into the global .css file of your application:

// Fonts
@import '@igloo-ui/tokens/dist/fonts.css';

Base 10 support

If your project uses the mathematical trick of basing the value of 1rem equals 10px, there is also an base10 output within the dist folder of this package.

In CSS, you can import the files by doing:

@import '~@igloo-ui/tokens/dist/base10/variables.css';