GEL Bootstrap 4

The use of managed dependencies is preferred over using a pre-built package.

npm needs to be configured to read from the BNSF Artifactory. Place the following in .npmrc in the same folder as your project's package.json:

strict-ssl=false
registry=http://artifactory.bnsf.com:8081/artifactory/api/npm/npm-local/
cache=.npm-cache

Install as a managed dependency using npm:

npm install --save gel-bootstrap-4

To build the GEL theme within a project (with Webpack, for example) include the theme-specific main less source file:

This will build with the light gray GEL theme:

@import "~gel-bootstrap-4/src/less/themes/gray/light/main.less";

This will build with the dark gray GEL theme:

@import "~gel-bootstrap-4/src/less/themes/gray/dark/main.less";

To update in a project already using managed dependencies:

npm update --save gel-bootstrap-4

To access only the variables (color, responsive breakpoints, etc...) used in a GEL theme, include the theme-specific variables.less file:

@import "~gel-bootstrap-4/src/less/themes/gray/light/variables.less";

When using only the theme's variables.less, you must also include the pre-built css file.

NPM / Managed Dependencies