Background Color

Set the background-color of an element.

.has-bg-black
black background color
<div class="has-padding has-bg-black">Example</div>
RepoCountLocation(s)
texastribune 1
.has-bg-black-off
black-off background color
.has-bg-white
white background color
<div class="has-padding has-bg-white">Example</div>
.has-bg-white-off
white off background color
.has-bg-teal
teal background color
<div class="has-padding has-bg-teal">Example</div>
.has-bg-gray
gray background color
<div class="has-padding has-bg-gray">Example</div>
RepoCountLocation(s)
texastribune 1
.has-bg-gray-light
gray-light background color
<div class="has-padding has-bg-gray-light">Example</div>
RepoCountLocation(s)
texastribune 4
donations 1
.has-bg-gray-dark
gray-dark background color
<div class="has-padding has-bg-gray-dark">Example</div>
.has-bg-yellow
yellow background color
.has-bg-blue
blue background color
<div class="has-padding has-bg-blue">Example</div>
.has-bg-blue-dark
blue dark background color
<div class="has-padding has-bg-blue-dark">Example</div>
This class isn't referenced anywhere
.has-bg-error
error background color
<div class="has-padding has-bg-error">Example</div>
This class isn't referenced anywhere
.has-bg-success
success background color
<div class="has-padding has-bg-success">Example</div>
This class isn't referenced anywhere
.has-bg-sponsor
sponsor background color
<div class="has-padding has-bg-sponsor">Example</div>
RepoCountLocation(s)
texastribune 3
.has-bg-facebook
facebook background color
<div class="has-padding has-bg-facebook">Example</div>
RepoCountLocation(s)
feature-general-ballot-2020-08 1
feature-voter-guide-general-2020-08 1
donations 1
texastribune 3
data-visuals-create 1
.has-bg-twitter
twitter background color
<div class="has-padding has-bg-twitter">Example</div>
RepoCountLocation(s)
feature-general-ballot-2020-08 1
feature-voter-guide-general-2020-08 1
donations 1
texastribune 3
data-visuals-create 1