1.4.1 Parameters

Parameter: background-attachment ¶

Default value:

(#<rule selector: ".bg-fixed" declarations: (#<declaration property: background-attachment value: fixed>)> #<rule selector: ".bg-local" declarations: (#<declaration property: background-attachment value: local>)> #<rule selector: ".bg-scroll" declarations: (#<declaration property: background-attachment value: scroll>)>)

Parameter: background-clip ¶

Default value:

(#<rule selector: ".bg-clip-border" declarations: (#<declaration property: background-clip value: "border-box">)> #<rule selector: ".bg-clip-padding" declarations: (#<declaration property: background-clip value: "padding-box">)> #<rule selector: ".bg-clip-content" declarations: (#<declaration property: background-clip value: "content-box">)> #<rule selector: ".bg-clip-text" declarations: (#<declaration property: background-clip value: text>)>)

Parameter: background-image ¶

Default value:

(#<rule selector: ".bg-none" declarations: (#<declaration property: background-image value: none>)>)

Parameter: background-origin ¶

Default value:

(#<rule selector: ".bg-origin-border" declarations: (#<declaration property: background-origin value: "border-box">)> #<rule selector: ".bg-origin-padding" declarations: (#<declaration property: background-origin value: "padding-box">)> #<rule selector: ".bg-origin-content" declarations: (#<declaration property: background-origin value: "content-box">)>)

Parameter: background-position ¶

Default value:

(#<rule selector: ".bg-center" declarations: (#<declaration property: background-position value: center>)> #<rule selector: ".bg-top" declarations: (#<declaration property: background-position value: top>)> #<rule selector: ".bg-top-right" declarations: (#<declaration property: background-position value: "top right">)> #<rule selector: ".bg-right" declarations: (#<declaration property: background-position value: right>)> #<rule selector: ".bg-bottom-right" declarations: (#<declaration property: background-position value: "bottom right">)> #<rule selector: ".bg-bottom" declarations: (#<declaration property: background-position value: bottom>)> #<rule selector: ".bg-bottom-left" declarations: (#<declaration property: background-position value: "bottom left">)> #<rule selector: ".bg-left" declarations: (#<declaration property: background-position value: left>)> #<rule selector: ".bg-top-left" declarations: (#<declaration property: background-position value: "top left">)>)

Parameter: background-repeat ¶

Default value:

(#<rule selector: ".bg-repeat" declarations: (#<declaration property: background-repeat value: repeat>)> #<rule selector: ".bg-no-repeat" declarations: (#<declaration property: background-repeat value: no-repeat>)> #<rule selector: ".bg-repeat-x" declarations: (#<declaration property: background-repeat value: repeat-x>)> #<rule selector: ".bg-repeat-y" declarations: (#<declaration property: background-repeat value: repeat-y>)> #<rule selector: ".bg-repeat-round" declarations: (#<declaration property: background-repeat value: round>)> #<rule selector: ".bg-repeat-space" declarations: (#<declaration property: background-repeat value: space>)>)

Parameter: background-size ¶

Default value:

(#<rule selector: ".bg-auto" declarations: (#<declaration property: background-size value: auto>)> #<rule selector: ".bg-cover" declarations: (#<declaration property: background-size value: cover>)> #<rule selector: ".bg-contain" declarations: (#<declaration property: background-size value: contain>)>)

1.4.2 Procedures

Procedure: background-classes ¶

Background image and gradient utilities.

Procedure: gradient-classes ¶

Gradient directions that consume the stop variables.

Procedure: gradient-color-classes palettes ¶

Palette stops and the transparent fade for gradient directions.