Background Attachment

Utilities for controlling how a background image behaves when scrolling.

Class	Properties
.bg-fixed	background-attachment: fixed;
.bg-local	background-attachment: local;
.bg-scroll	background-attachment: scroll;

Fixed

Use .bg-fixed to fix the background image relative to the viewport..

Local

Use .bg-local to scroll the background image with the container and the viewport.

Scroll

Use .bg-scroll to scroll the background image with the viewport, but not with the container.

Variants

By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.