@masoni/css v1.0.7
@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/cssInstall 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
License
© BYCN