What makes Bulma customizable

Bulma is highly customizable thanks to 419 Sass variables living across 28 files.

These variables exist at 4 levels:

  • initial variables: global variables with literal values
  • derived variables: global variables with values that reference other variables, or are computed
  • generic variables: for the HTML elements which carry no CSS class
  • element/component variables: variables that are specific to a Bulma element/component

Since these variables carry the !default flag, they can be assigned a new value either before or after having been imported.

Strategy #

To customize Bulma, you will need to:

  • install (or download) Bulma
  • have a working Sass setup
  • create your own .scss or .sass file

This can be achieved with any of the following:

Made with Bulma This page is open source. Noticed a typo? Or something unclear?
Improve this page on GitHub

#native_company# #native_desc#

Newsletter Features, releases, showcase… stay in the loop!