What this Bootstrap Utility API class does
Sets the background-image property on an element to the value of a CSS gradient. The CSS background-image property is used to set an image as the background of an element. It specifies the URL of the image file to be used as the background.
This utility is used with a background-color utility (see example below).
Example usage & available classes
<div class="p-3 mb-2 bg-primary bg-gradient text-white"></div>
Example override
In the example override below, we are enabling the responsive option for the utility, which means it will be available per breakpoint.
"gradient": map-merge(
map-get($utilities, "gradient"),
(
responsive: true
)
)