Concepts

What makes Bulma customizable

Bulma is highly customizable thanks to 415 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:

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

#native_company# #native_desc#
#native_cta#
New!

The official Bulma book! 😲

by Jeremy Thomas, creator of Bulma, Oleksii Potiekhin,
Mikko Lauhakari, Aslam Shah and David Berning

A step-by-step guide that teaches you how to build a web interface from scratch using Bulma.

Formats available:
PDF Epub Mobi
or
Kindle

Newsletter

Features, releases, showcase… stay in the loop!