is now part of
Shuffle™
. The new editor includes templates for Bulma, Bootstrap, Material-UI, and Tailwind CSS.
Switch to Shuffle →
How it works
Features
Components
Pricing
Log in
Try Demo
← all Bulma classes list
Bulma class:
.has-background-warning-dark
<div class="has-background-warning-dark has-text-white">.has-background-warning-dark</div>
Preview
.has-background-warning-dark
More in Bulma Colors
has-text-white
has-text-black
has-text-light
has-text-dark
has-text-primary
has-text-link
has-text-info
has-text-success
has-text-warning
has-text-danger
has-text-black-bis
has-text-black-ter
has-text-grey-darker
has-text-grey-dark
has-text-grey
has-text-grey-light
has-text-grey-lighter
has-text-white-ter
has-text-white-bis
has-background-white
has-background-black
has-background-light
has-background-dark
has-background-primary
has-background-link
has-background-info
has-background-success
has-background-warning
has-background-danger
has-background-black-bis
has-background-black-ter
has-background-grey-darker
has-background-grey-dark
has-background-grey
has-background-grey-light
has-background-grey-lighter
has-background-white-ter
has-background-white-bis
has-background-dark
has-background-danger-dark
has-background-danger-light
has-background-info-dark
has-background-info-light
has-background-link-dark
has-background-link-light
has-background-primary-dark
has-background-primary-light
has-background-success-dark
has-background-success-light
has-background-warning-light
has-text-danger-dark
has-text-danger-light
has-text-info-dark
has-text-info-light
has-text-link-dark
has-text-link-light
has-text-primary-dark
has-text-primary-light
has-text-success-dark
has-text-success-light
has-text-warning-dark
has-text-warning-light
is-info
is-inverted
is-transparent
Bulma CSS
Bulma Editor
Bulma Components
Bulma Templates