bg-color-variant()
Last updated
Last updated
The mixin contains the two CSS classes, the CSS class of the name prefixed with bg-
, and prefixed #{$prefix}-bg-
with the given that includes the color of the given CSS variable name, and color
style equal to light-color
depending on whether the given SCSS variable lightness is below 60
.
By default, is equal to the globally customizable .
The mixin contains additional CSS class that includes in its name global prefix $var-prefix
.
.#{$prefix}-bg-#{$name}
$name: 'primary'
The suffix for the name of the contained CSS class .bg
, by default it is set to primary
.
$color: 'primary-color'
$hex-color: $primary-color
$prefix: $var-prefix
A color name that exists as a CSS variable of a string type is passed to the function to set the color.
The hex color of the given CSS variable name is used to add color
style equal to light-color
depending on whether its lightness is below 60
. By default, it is set to the .
The parameter is to customize the prefix of the second contained CSS class name. By default, it is set to the global SASS variable .