Awesome

Bulma.styl

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

Bulma.styl aims at 1:1 functional parity with the latest dev-master branch of the original Sass-based Bulma.

Installation

If you simply need a compiled version of Bulma, please refer to the official Bulma repository.

However, if you want the Stylus files in order to customize variables and include only certain components, please install Bulma.styl using npm or Yarn:

Install from npm

npm install bulma.styl

Install from Yarn

yarn add bulma.styl 

Documentation

Since Bulma.styl 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.

Extensions

1:1 Stylus translations of the available Bulma extensions are also available:

• bulma.styl-badge
• bulma.styl-calendar
• bulma.styl-checkradio
• bulma.styl-divider
• bulma.styl-pageloader
• bulma.styl-pricing-table
• bulma.styl-quickview
• bulma.styl-ribbon
• bulma.styl-slider
• bulma.styl-steps-alt
• bulma.styl-steps
• bulma.styl-switch
• bulma.styl-timeline
• bulma.styl-tooltip

Bugs & support

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

Please note: Bulma.styl 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 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.