Pure Stylus implementation of Bulma.css
Notice! This package is used to integrate Bulma with Stylus, it does NOT includes builded css files.
This package version is synchronous with Bulma, every difference between the same version of Bulma will be logged in Changelog.
npm install @shirohana/bulma-stylus
yarn add @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
remfor better user experience on high-resolution screens
If enabled, the page will be scale in ratio when device width exceeds
You can try a higher value and find out the best in your situation like
$body-auto-scale = $fullhd + 20*16px.
$body-auto-scaleto any falsy value to disable this feature.
pxin every elements, components and helpers
sass-lighten()which implements sass-like
sass-darken()which implements sass-like
powerNumber()function (Use Stylus
colorLuminance()function (Use Stylus built-in function
Bug fix or improvement only, or you can create an Issue for any problem :)
yarn; cd docs && yarn
Test your code
Ensure there's no error reported
Start documentation server and ensure the page looks in expected
cd docs && docker-compose up
Inherited copyright and license
© 2018 Jeremy Thomas. Code released under the MIT license.