--speed: #{$speed}
// Derived variables
--primary: #{$primary}
- // bulmaDarken($color, 5%)
- // bulmaDarken($color, 10%)
- // bulmaDarken($color, 2.5%)
- // bulmaRgba($color, 0.25)
- // bulmaDarken($color-light, 10%)
- // bulmaDarken($color-light, 2.5%)
- // bulmaDarken($color-light, 5%)
- // bulmaLighten($color-dark, 10%)
- // bulmaDarken($color-invert, 5%)
- // bulmaRgba($color-invert, 0.9)
- // bulmaRgba($color-invert, 0.7)
--info: #{$info}
--success: #{$success}
--warning: #{$warning}
@each $name, $value in $list
--#{$name}: #{$value}
-// bulmaDarken => $color, 5%)
-// bulmaDarken => $color, 10%)
-// bulmaDarken => $color, 2.5%)
-// bulmaRgba => $color, 0.25)
-// bulmaDarken => $color-light, 10%)
-// bulmaDarken => $color-light, 2.5%)
-// bulmaDarken => $color-light, 5%)
-// bulmaLighten => $color-dark, 10%)
-// bulmaDarken => $color-invert, 5%)
-// bulmaRgba => $color-invert, 0.9)
-// bulmaRgba => $color-invert, 0.7)
=registerCSSVarColor($name, $components, $prefix: '')
$color: nth($components, 1)
$base: $prefix + $name
+registerCSSVarColor($name, $components, $prefix)
@function assignCSSVar($name, $fallback)
- // +registerCSSVar($name, $fallback)
@return var(--#{$name}, #{$fallback})