Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gsoft-inc/ov-igloo-tokens

Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..
https://github.com/gsoft-inc/ov-igloo-tokens

css igloo officevibe scss style-dictionary tokens

Last synced: about 2 months ago
JSON representation

Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..

Awesome Lists containing this project

README

        

# `@igloo-ui/tokens`

Igloo tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..

## Getting started

To install @igloo-ui/tokens in your project, you will need to run the following command using [npm](https://www.npmjs.com/):

```
npm install @igloo-ui/tokens
```

If you prefer [Yarn](https://classic.yarnpkg.com/en/), use the following command instead:

```
yarn add @igloo-ui/tokens
```

## Usage

### Sass

In Sass, you can import the files by doing:

```
@import '@igloo-ui/tokens/dist/_variables.scss';
```

### CSS

In CSS, you can import the files by doing:

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

### Fonts

You can also do it via CSS Import:

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

## License

Copyright © 2019, GSoft inc. This code is licensed under the Apache License, Version 2.0. You may obtain a copy of this license at https://github.com/gsoft-inc/gsoft-license/blob/master/LICENSE.