From 944caf8c750401ee73edf93e4af6e818a1c003a8 Mon Sep 17 00:00:00 2001
From: Michiel Vermeersch <mick.vermeersch@gmail.com>
Date: Wed, 4 Dec 2024 14:29:56 +0100
Subject: [PATCH] Add $duration to initial-variables

---
 CHANGELOG.md                                          | 7 ++++---
 docs/_data/variables/utilities/initial-variables.json | 4 ++++
 sass/themes/light.scss                                | 2 +-
 sass/utilities/initial-variables.scss                 | 1 +
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b98900607..b746aab42 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 
 - Fix #3842: restore use of `$easing`, `$radius-rounded` and `$speed` Sass variables
 - Fix #3920: migrate code to avoid Sass 1.80 deprecation warning of global built-in functions
+- Fix #3945: add `$duration` Sass variable
 
 ### Documentation Fixes
 
@@ -34,7 +35,7 @@
   - `--bulma-input-border-width`
   - `--bulma-label-color`
   - `--bulma-label-spacing`
-  - `--bulma-label-weight` 
+  - `--bulma-label-weight`
   - `--bulma-help-size`
   - `--bulma-field-block-spacing`
 
@@ -71,7 +72,7 @@
 - Fix #3785: make use of the `@prefers-reduced-motion` setting
 - Fix #3758: broken links for `0.9.4` version
 - Fix #3760: fix form controls typo
- 
+
 ### Improvements
 
 - Fix #3737: Move `sass` to `devDependencies`
@@ -161,7 +162,7 @@ The Sass placeholders are:
 - `%loader`
 - `%overlay`
 
-If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.  
+If you were importing them directly from `utilities/mixins`, you'll need to import `utilities/extends` instead.
 If you were importing `utilities/_all` or even `bulma.sass` directly, no change is required.
 
 ### New features
diff --git a/docs/_data/variables/utilities/initial-variables.json b/docs/_data/variables/utilities/initial-variables.json
index 6220e20bd..680bc4649 100644
--- a/docs/_data/variables/utilities/initial-variables.json
+++ b/docs/_data/variables/utilities/initial-variables.json
@@ -184,6 +184,10 @@
       "name": "breakpoints",
       "value": "(\n  \"mobile\": (\n    \"until\": $tablet,\n  ),\n  \"tablet\": (\n    \"from\": $tablet,\n  ),\n  \"tablet-only\": (\n    \"from\": $tablet,\n    \"until\": $desktop,\n  ),\n  \"touch\": (\n    \"from\": $desktop,\n  ),\n  \"desktop\": (\n    \"from\": $desktop,\n  ),\n  \"desktop-only\": (\n    \"from\": $desktop,\n    \"until\": $widescreen,\n  ),\n  \"until-widescreen\": (\n    \"until\": $widescreen,\n  ),\n  \"widescreen\": (\n    \"from\": $widescreen,\n  ),\n  \"widescreen-only\": (\n    \"from\": $widescreen,\n    \"until\": $fullhd,\n  ),\n  \"until-fullhd\": (\n    \"until\": $fullhd,\n  ),\n  \"fullhd\": (\n    \"from\": $fullhd,\n  ),\n)"
     },
+    {
+      "name": "duration",
+      "value": "294ms"
+    },
     {
       "name": "easing",
       "value": "ease-out"
diff --git a/sass/themes/light.scss b/sass/themes/light.scss
index b4a0bae0a..3be1ac6b3 100644
--- a/sass/themes/light.scss
+++ b/sass/themes/light.scss
@@ -73,7 +73,7 @@ $scheme-main: hsl(iv.$scheme-h, iv.$scheme-s, $scheme-main-l);
 
       // Other
       "block-spacing": iv.$block-spacing,
-      "duration": 294ms,
+      "duration": iv.$duration,
       "easing": iv.$easing,
       "radius-small": iv.$radius-small,
       "radius": iv.$radius,
diff --git a/sass/utilities/initial-variables.scss b/sass/utilities/initial-variables.scss
index dbdab4e3a..8a5b2038a 100644
--- a/sass/utilities/initial-variables.scss
+++ b/sass/utilities/initial-variables.scss
@@ -134,6 +134,7 @@ $breakpoints: (
 
 // Miscellaneous
 
+$duration: 294ms !default;
 $easing: ease-out !default;
 $radius-small: 0.25rem !default;
 $radius: 0.375rem !default;