Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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..
- Host: GitHub
- URL: https://github.com/gsoft-inc/ov-igloo-tokens
- Owner: gsoft-inc
- License: apache-2.0
- Created: 2021-06-14T18:53:10.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-04-26T16:11:37.000Z (8 months ago)
- Last Synced: 2024-04-27T16:50:56.715Z (8 months ago)
- Topics: css, igloo, officevibe, scss, style-dictionary, tokens
- Language: JavaScript
- Homepage: https://gsoft-inc.github.io/ov-igloo-tokens/
- Size: 1.73 MB
- Stars: 6
- Watchers: 9
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
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.