Use third party CSS through NPM modules

[davegomez]

Is it possible to include third party CSS code through NPM modules and export it in the final CSS from the toolkit?

Or is any other automatic dependency resolution mechanism that we can use for these third party frameworks and projects?

[myles]

In the toolkit.scss file you can import CSS files node_modules like this:

// ./node_modules/bootstrap/dist/css/bootstrap.css
@import 'bootstrap/dist/css/bootsrap';

This will also work for SCSS files:

// ./node_modules/bourbon/app/assets/stylesheets/_bourbon.scss
@import 'bourbon/app/assets/stylesheets/bourbon';

// ./node_modules/bourbon-neat/app/assets/stylesheets/_neat.scss
@import 'bourbon-neat/app/assets/stylesheets/neat';