Skip to content

Latest commit

 

History

History
32 lines (18 loc) · 868 Bytes

readme.md

File metadata and controls

32 lines (18 loc) · 868 Bytes

Generate a custom BulmaCSS css file, and add a bu- prefix name to all classes!

Why?

BulmaCSS does not come with their own namespace, so if you want it to be used inside an existing project, you likely will get name clashing and things will not work. To fix this, we can add a name prefix to all the classes in BulmaCSS! We will use postcss tool to help us do this.

See more on jgthms/bulma#302

How to Build

To build:

npm run css-build

To build and watch:

npm run css-watch

Project output folders:

  • build - this is where Sass tool will output the css file from .sass source files.

Examples

After build, you may test out the css output by running hello.html.

NOTES

We do not use sass to minify output in this project, but instead use postcss to minify the resulted CSS that contains the prefix name!