Add $duration to initial-variables

diff --git a/CHANGELOG.md b/CHANGELOG.md
index b98900607ddd2d1b6a623b9dbbaf7bb68eb83f8d..b746aab42184c941e0bc9a01678de8debf9ab14d 100644 (file)
--- 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 6220e20bdf84e16264646629e7ba56a6f9b6aecc..680bc46499df4bc404eb7690d39a0515a743b128 100644 (file)
--- 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 b4a0bae0a5dde495cb8da4c21cabd65965069c38..3be1ac6b3230a2ec6c941e1fc6757f533109f2ba 100644 (file)
--- 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 dbdab4e3a6be0477f905a7a0a1ae2dbef6e79739..8a5b2038ae4232ac2a8b269abeb36915d3c424df 100644 (file)
--- 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;