Skip to Main Content

Background Colors

Using Background Colors

This attribute assigns a background color based on the color and opacity provided.

Markup

<div data-c-background="COLOR(OPACITY)">

Available Arguments

# COLOR

white
gray
black
c1 (Theme Color 01)
c2 (Theme Color 02)
c3 (Theme Color 03)
c4 (Theme Color 04)
c5 (Theme Color 05)
stop
slow
go
# OPACITY

0
10
20
30
40
50
60
70
80
90
100

In Practice

<!--Solid black background.-->
<div data-c-background="black(100)"></div>
<!--Semi-transparent (50%) theme color 4 background.-->
<div data-c-background="c4(50)"></div>

Changelog

No changes to report! (yet)