bulma/docs/_posts/2018-06-20-automatic-variables-documentation.md
2018-06-20 01:21:22 +01:00

1.1 KiB

title layout introduction color name icon
Automatic variables documentation post Keeping the docs in sync link Automatic variables docs sync-alt

Bulma is highly customizable because there are 415 Sass variables across 28 files.

More and more CSS values are transformed into Sass variables for easy customization. And each new Bulma feature is required to come with its own set of variables.

While providing these variables is necessary, it's only useful if developers are aware they exist! Keeping in sync the documentation and the source files used to be a manual process. It is now automatic, thanks to a script that parses the source files and outputs the numerous Sass variables as JSON data.

JSON variables

As an added bonus, each variable row in the docs comes with its type and its computed value (if applicable).

Variables table