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.

Sample Usage

Custom Variant Names