@masoni/css

Bouygues Design System - Masoni global CSS styles library

Install package

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

npm i -S @masoni/css

Install fonts

Raleway & Inter fonts as described in Textstyles.

Usage

This package include @masoni/css-design-tokens, you could checkout the package's usage here

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

Insert @masoni/css in Your Angular App by Updating the angular.json

"styles": [
    "node_modules/@masoni/css/dist/index.css"
    "src/styles.css",
],

With a bundler that supports CSS imports in JS files:

import '@masoni/css/dist/index.css';

Otherwise include it in your HTML file:

<link rel="stylesheet" href="./node_modules/@masoni/css/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.

CSS Variables naming as following rules:

• prefix with --mas.
• have foundation name.

For example:
--mas-foundation-name_variable

I have a issue, what should I do?

Please file the issue here.

Contributing

See the contribuiting docs

License

© BYCN