The sass stylesheets used across the KPMP applications
$ npm i kpmp-common-styles --save
$ npm i sass -g
There are a couple ways to use this library:
- Import the compiled index.css onto a react page
import "kpmp-common-styles/index.css";
- Import the uncompiled sass into another sass file to allow the application library to handle sass compilation
@import "../node_modules/kpmp-common-styles/common-values.scss";
Make any changes inside of the .scss files and then convert the .scss to .css using the following command:
$ sass index.scss dist/index.css