@masoni/css-design-tokens

Bouygues Design System - Masoni specific CSS styles for design tokens

Install package

After installing npm, you can install @masoni/css-design-tokens with this command:

npm i -S @masoni/css-design-tokens

Install fonts

Raleway & Inter Tight fonts as described in Textstyles.

Usage

Once you have installed this package, you just have to import CSS styles!

With a bundler that supports CSS imports in JS files:

import '@masori/css-design-tokens/dist/index.css';

Otherwise include it in your HTML file:

<link rel="stylesheet" href="./node_modules/@masori/css-design-tokens/dist/index.css" />

Development

To know all the use cases and their associated code, check out the showcase guidelines here.

For example:

<p style="color: var(--mas-primitive-color_red500)">Hello World!</p>

You can see the different CSS Custom Properties here.

I have a issue, what should I do?

Please file the issue here.

Contributing

License

© BYCN