bfi-theme-colors
Install
npm install bfi-colors
Requirements
Note that installing as a dev dependency --save-dev or -D will not work correctly.
Make sure to install Sass and Sass-loader
Usage
Create custom.scss file inside your assets folder. Add this lines to your custom.scss. Note that bfi-colors should be imported first before bootstrap.
@import "../node_modules/bfi-colors/scss/style";
@import "../node_modules/bootstrap/scss/bootstrap";
Download font files used in the repository. This is important for the package to work. Download Red-Hat-Display here. After downloading, copy and paste font files inside the assets directory.
Then go to nuxt.config.js and import custom.scss as global css.
css: ["@/assets/custom.scss"],
Color Variants
Access the customized color variants using the "variant" property. See the list of the custom variant names below.