3 ways to start

You only need 1 CSS file to use Bulma

Use NPM (recommended):

{% highlight bash %} npm install bulma {% endhighlight %}

Use the cdnjs CDN
https://cdnjs.com/libraries/bulma

Download from the repository
https://github.com/jgthms/bulma/tree/master/css

Font Awesome icons

If you want to use icons with Bulma, don't forget to include Font Awesome:

{% highlight html %} {% endhighlight %}

Customizing with Sass

If you're familiar with Sass and want to customize Bulma with your own colors and variables, just install Bulma via npm:

Download the source files:

{% highlight bash %} npm install bulma {% endhighlight %}

or clone the repository: https://github.com/jgthms/bulma

Set your variables

Add your own colors, set new fonts, override Bulma styles...

{% highlight sass %} // 1. Import the initial variables @import "../sass/utilities/initial-variables" // 2. Set your own initial variables // Update blue $blue: #72d0eb // Add pink $pink: #ffb3b3 // Add a serif family $family-serif: "Merriweather", "Georgia", serif // 3. Set the derived variables // Use the new pink as the primary color $primary: $pink // Use the existing orange as the danger color $danger: $orange // Use the new serif family $family-primary: $family-serif // 4. Import the rest of Bulma @import "../bulma" {% endhighlight %}

See the result: before and after

Notice how the $blue-invert is now black instead of white, based on findColorInvert(#72d0eb)