Background

Used to add background effects for elements

Usage

Add background-* class to block element with height, especially with background-image: url() style.

<div class="background-scroll height-small" style="background-image: url()">
    // Your content
</div>

See implementation in background component.

Classes

Class	Value
`background-center`
`background-top`
`background-right`
`background-bottom`
`background-left`
`background-right-top`
`background-right-bottom`
`background-left-top`
`background-left-bottom`
`background-fixed`
`background-local`
`background-scroll`
`background-repeat`
`background-repeat-x`
`background-repeat-y`
`background-no-repeat`
`background-auto`
`background-cover`
`background-contain`
`background-none`

Add @s, @m, or @l suffix to support breakpoints