Description
This plugin creates classes to draw a 100vw background colour pseudo layer:
.background-fill
-
.background-fill-*
(where*
is one of your theme background colors)
Setup
Demo
By default, background-fill
will inhert the background colour
of the container its attached to:
And so changing the background will change the background fill:
You can also use any of your theme backgroundColor
directly,
without applying a background to your container:
This will be especially useful if your background is semi transparent so you don't have a doubling up of layers.
To clear a background-fill
there is a
background-fill-none
class:
In that example, responsive background classes change the colour of the
background and then at lg
the background fill is switched off.
Using background-fill-*
classes, you would: