Pure Stylus implementation of Bulma.css

Note 1: bulma-stylus is used to integrate Bulma with Stylus, which does NOT contains any generated css files.

Note 2: The version of bulma-stylus is synchronous with releases of bulma, every difference between these two will be recorded in Changelog.

Links

• 📚 Offical documentation
• 📜 Changelog

Install

$ npm install @shirohana/bulma-stylus

Difference between Bulma

• Support 4k container (Disable: $4k-enabled = false)
• All possible floating numbers are round to 4 digits after the period

New Feature

• Dynamic rem for better user experience on high-resolution screens

  

  If enabled, the page will be scale in ratio when device width exceeds $body-auto-scale (default: $fullhd).

  You can try a higher value and find out the best in your situation like $body-auto-scale = $fullhd + 20*16px.

  Set $body-auto-scale to any falsy value to disable this feature.

Internal

• Use em/rem instead px in every elements, components and helpers
• Replace lighten() function with sass-lighten() which implements sass-like lighten
• Replace darken() function with sass-darken() which implements sass-like darken
• Remove powerNumber() function (Use exponent-operator instead)
• Remove colorLuminance() function (Use built-in function luminosity() instead)

Contributing

Bug fix or improvement only, or you can create issues for any problem (๑ơ ω ơ)

Install dependencies

yarn; cd docs && yarn

Test your code

Ensure there's no error reported

yarn dev

Start documentation server and ensure the page looks in expected

cd docs && docker-compose up

Before committing

yarn clean

Inherited copyright and license

© 2018 Jeremy Thomas. Code released under the MIT license.