Skip to Main Content

Background Colours

Using Background Colours

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

Markup

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

Available Arguments

# COLOUR

white
gray / grey
black
c1 (Theme Colour 01)
c2 (Theme Colour 02)
c3 (Theme Colour 03)
c4 (Theme Colour 04)
c5 (Theme Colour 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 colour 4 background.-->
<div data-c-background="c4(50)"></div>

Changelog

No changes to report! (yet)