0.2.35 • Published 1 year ago

bfi-font-colors v0.2.35

Weekly downloads
-
License
MIT
Repository
github
Last release
1 year ago

bfi-font-colors

Install

npm install bfi-font-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-font-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.

assets

Then go to nuxt.config.js and import custom.scss as global css.

css: ["@/assets/custom.scss"],

nuxt

Color Variants

Access the customized color variants using the "variant" property. See the list of the custom variant names below.

Sample Usage

snippet

Custom Variant Names

theme-colors