This module is designed to contain SCSS styles used commonly by toolkit-ui and toolkit tools.
Installation via npm
npm install @afp/toolkit-styles
Then in your entry js :
or in Sass :
If you need the variables in Sass :
npm install then
npm run dev and the page will open in your browser.
Feel free to modify this file to add new markup, and to modify styles in the scss folder.
Node watch these files and automatically rebuild the CSS styles in dist/ folder.
The build process also allow fonts and images (like icons).
Build and publish
npm run build, then you can publish your module with
The colors should be set in colors.scss
Every other variables that must be accessible in toolkit ui or toolkit tools should be set in variables.scss. But don't apply styles in that file.
Styles should be applied in every component file (inputs.scss, buttons.scss) and the main file (main.scss).
Don't modify index.scss. It just includes the necessary lines to init the project.