From: Ben Anderson <ben@delivereasy.co.nz>
Date: Wed, 18 Dec 2024 21:36:30 +0000 (+1300)
Subject: Correct the syntax in hero is-bold colour variants
X-Git-Tag: 1.0.4~9^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0d11af2398ecc1aca85af95a43fd2f39bf573dfe;p=thirdparty%2Fbulma.git

Correct the syntax in hero is-bold colour variants

While the prior syntax does produce valid css, it's not quite valid scss
and so produces warnings in various pre and post-processing pipelines
which various upstream consumers of Bulma may use.
---

diff --git a/sass/layout/hero.scss b/sass/layout/hero.scss
index 8972aab5..95db2085 100644
--- a/sass/layout/hero.scss
+++ b/sass/layout/hero.scss
@@ -122,9 +122,9 @@ $hero-colors: dv.$colors !default;
       // Modifiers
       &.#{iv.$class-prefix}is-bold {
         $gradient-top-left: hsl(
-          calc(#{cv.getVar("hero-h")} - $hero-gradient-h-offset),
-          calc(#{cv.getVar("hero-s")} + $hero-gradient-s-offset),
-          calc(#{cv.getVar("hero-background-l")} + $hero-gradient-l-offset)
+          calc(#{cv.getVar("hero-h")} - #{$hero-gradient-h-offset}),
+          calc(#{cv.getVar("hero-s")} + #{$hero-gradient-s-offset}),
+          calc(#{cv.getVar("hero-background-l")} + #{$hero-gradient-l-offset})
         );
         $gradient-middle: hsl(
           #{cv.getVar("hero-h")},
@@ -132,9 +132,9 @@ $hero-colors: dv.$colors !default;
           #{cv.getVar("hero-background-l")}
         );
         $gradient-bottom-right: hsl(
-          calc(#{cv.getVar("hero-h")} + $hero-gradient-h-offset),
-          calc(#{cv.getVar("hero-s")} - $hero-gradient-s-offset),
-          calc(#{cv.getVar("hero-background-l")} - $hero-gradient-l-offset)
+          calc(#{cv.getVar("hero-h")} + #{$hero-gradient-h-offset}),
+          calc(#{cv.getVar("hero-s")} - #{$hero-gradient-s-offset}),
+          calc(#{cv.getVar("hero-background-l")} - #{$hero-gradient-l-offset})
         );
 
         background-image: linear-gradient(