Home

Awesome

Bulma Stylus

npm npm

This is a 1:1 Stylus translation of the Bulma CSS framework.

Bulma Stylus: a Stylus translation of a Flexbox CSS framework

Bulma Stylus aims at 1:1 functional parity with the latest tagged version of the original Sass-based Bulma.

Installation

If you simply want to include the built CSS file (/css/bulma.css), you can. However, 10 out of 10 times a better bet is to instead include built CSS file of the original Bulma.

However, if you want the Stylus files in order to customize variables and include only certain components, you have two choices:

Install from npm

npm install bulma-stylus

Install from Bower

bower install bulma-stylus

Documentation

Since Bulma Stylus is functionally identical to the original Bulma, you can refer to the original Bulma documentation for instructions, examples, syntax and browser support.

All variable and mixin names are the same. The only caveat is that if you wish to customize the $colors variable, you must adhere to the Stylus hash format.

Bugs & support

Any bugs or support requests can be posted into the GitHub issue tracker.

Please note: Bulma Stylus is simply a translation of Bulma from Sass to Stylus, with no corrections or deviations made. Therefore, before submitting a bug, please make sure the issue is actually related specifically to the translation, and the Sass edition of Bulma does not exhibit the same bug. If it does, please submit your issue to Bulma's issue tracker instead.

Similarly, any pull requests should only relate directly to the translation (translate a newer version of Bulma into Stylus, fix syntax errors). Any pull requests for new features or behavior fixes should go directly to Bulma.

License

Released under the MIT license.