library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-12-12 13:28:30 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #3940 from SomethingNew71/sass-deprecation-fix

Browse Source 
Updates deprecated round functions in Sass Build
This commit is contained in:
Jeremy Thomas 2024-11-27 15:47:28 +00:00 committed by GitHub
commit 4ebf14b538
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
sass/utilities/css-variables.scss
View File

@ -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

6
sass/utilities/functions.scss
View File

@ -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) +