Examples:

Default styling .has-bg-primary

Primary color

.has-bg-secondary

Secondary color

.has-bg-link

Link color

.has-bg-success

Success color

.has-bg-danger

Danger color

.has-bg-warning

warning color

.has-bg-light

light color

.has-bg-dark

dark color

.has-bg-gray-0

gray 0

.has-bg-gray-10

gray 10

.has-bg-gray-20

gray 20

.has-bg-gray-30

gray 30

.has-bg-gray-40

gray 40

.has-bg-gray-50

gray 50

.has-bg-gray-60

gray 60

.has-bg-gray-70

gray 70

.has-bg-gray-80

gray 80

.has-bg-gray-100

gray 100

<div class="[modifier] has-p-3">Content...</div>