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.