Background

Utilities for controlling an element's background color.

Control the background color of an element using the nsw-bg--{color} utilities.

.nsw-bg--brand-dark

.nsw-bg--brand-light

.nsw-bg--brand-supplementary

.nsw-bg--brand-accent

.nsw-bg--brand-accent-light

.nsw-bg--black

.nsw-bg--white

.nsw-bg--off-white

.nsw-bg--grey-01

.nsw-bg--grey-02

.nsw-bg--grey-03

.nsw-bg--grey-04

.nsw-bg--transparent

.nsw-bg--info-dark

.nsw-bg--info-light

.nsw-bg--success-dark

.nsw-bg--success-light

.nsw-bg--warning-dark

.nsw-bg--warning-light

.nsw-bg--error-dark

.nsw-bg--error-light

Show code Hide code

Style the background color on hover using the nsw-bg--{color}-hover modifier.

The Digital Driver's License trial

Once we launch statewide, the Digital Drivers License will become legal for use across NSW

Show code Hide code

.nsw-bg-opacity--10

.nsw-bg-opacity--25

.nsw-bg-opacity--50

.nsw-bg-opacity--75

.nsw-bg-opacity--100

Show code Hide code