diff --git a/sass/utilities/css-variables.scss b/sass/utilities/css-variables.scss index 84c5c7ca..79eaf0be 100644 --- a/sass/utilities/css-variables.scss +++ b/sass/utilities/css-variables.scss @@ -61,19 +61,19 @@ @mixin register-hsl($name, $value) { @include register-var( $name, - round(color.channel($value, "hue", $space: hsl)), + math.round(color.channel($value, "hue", $space: hsl)), "", "-h" ); @include register-var( $name, - round(color.channel($value, "saturation", $space: hsl)), + math.round(color.channel($value, "saturation", $space: hsl)), "", "-s" ); @include register-var( $name, - round(color.channel($value, "lightness", $space: hsl)), + math.round(color.channel($value, "lightness", $space: hsl)), "", "-l" ); @@ -196,9 +196,9 @@ $light: null, $dark: null ) { - $h: round(color.channel($base, "hue", $space: hsl)); // Hue - $s: round(color.channel($base, "saturation", $space: hsl)); // Saturation - $l: round(color.channel($base, "lightness", $space: hsl)); // Lightness + $h:math.round(color.channel($base, "hue", $space: hsl)); // Hue + $s:math.round(color.channel($base, "saturation", $space: hsl)); // Saturation + $l:math.round(color.channel($base, "lightness", $space: hsl)); // Lightness $base-lum: fn.bulmaColorLuminance($base); $l-base: math.round($l % 10); // Get lightness second digit: 53% -> 3% $l-0: 0%; // 5% or less diff --git a/sass/utilities/functions.scss b/sass/utilities/functions.scss index 21d29f5b..2ea2b10a 100644 --- a/sass/utilities/functions.scss +++ b/sass/utilities/functions.scss @@ -159,7 +159,7 @@ @if meta.type-of($color) == "color" { $luminance: bulmaColorLuminance($color); $luminance-delta: 0.53 - $luminance; - $target-l: round($base-l + $luminance-delta * 53); + $target-l: math.round($base-l + $luminance-delta * 53); @return color.change($color, $lightness: max($base-l, $target-l)); } @@ -192,7 +192,7 @@ } @function bulmaColorBrightness($n) { - $color-brightness: round( + $color-brightness: math.round( math.div( (color.channel($n, "red", $space: rgb) * 299) + (color.channel($n, "green", $space: rgb) * 587) + @@ -200,7 +200,7 @@ 1000 ) ); - $light-color: round( + $light-color: math.round( math.div( (color.channel(#ffffff, "red", $space: rgb) * 299) + (color.channel(#ffffff, "green", $space: rgb) * 587) +