Readability

Bulma is easy to learn because it’s easy to read. For example, a Bulma button simply uses the class name button.

<a class="button">
  Save changes
</a>

To extend this button, Bulma provides modifier classes. They exist only as a way to provide the base button with alternative styles. To make this button use the primary turquoise color, and increase its size to large, just append the classes is-primary and is-large.

<a class="button is-primary is-large">
  Save changes
</a>

Tip: You might want to stick with the “primary”, “secondary” naming conventions. This will help give some meaning to your styles and it leaves it open for customization down the road.