Fixes #3895

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9f56e209383469af8cb4e031bf58201436945d31..7a5e5bff800d3e37e645000c077fed52e1553bf8 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,8 @@
 ### New Features
 
 - #3937: Add .has-text-weight-extrabold as a typography class.
-
+- #3906 fixes #3895: Make variables root configurable
+- 
 ### Bug Fixes
 
 - #3963: Improve colour loading versions of outlined buttons

diff --git a/sass/base/generic.scss b/sass/base/generic.scss
index b2229307b8ddfb48201381a972564c685a473834..b00424616680a864f8f8e96d8cda589cf341488d 100644 (file)
--- a/sass/base/generic.scss
+++ b/sass/base/generic.scss
@@ -1,3 +1,4 @@
+@use "../utilities/initial-variables" as iv;
 @use "../utilities/css-variables.scss" as cv;
 @use "../utilities/mixins" as mx;
 
@@ -32,7 +33,7 @@ $pre-font-size: 0.875em !default;
 $pre-padding: 1.25rem 1.5rem !default;
 $pre-code-font-size: 1em !default;
 
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "body-background-color": #{$body-background-color},

diff --git a/sass/base/skeleton.scss b/sass/base/skeleton.scss
index 3ae23c6426c94cb461eb7ff57709f954242dcfff..f5c1d043f79e8f7f319ae2a3723d2d8aa9e238dc 100644 (file)
--- a/sass/base/skeleton.scss
+++ b/sass/base/skeleton.scss
@@ -9,7 +9,7 @@ $skeleton-block-min-height: 4.5em !default;
 $skeleton-lines-gap: 0.75em !default;
 $skeleton-line-height: 0.75em !default;
 
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "skeleton-background": #{$skeleton-background},

diff --git a/sass/components/navbar.scss b/sass/components/navbar.scss
index d4d6e38a76228c527b9df23f764c0b6ca079583b..7ae7e35b9e7e7192f920bb621ed7d5ce05a4fccf 100644 (file)
--- a/sass/components/navbar.scss
+++ b/sass/components/navbar.scss
@@ -101,7 +101,7 @@ $navbar-colors: dv.$colors !default;
   z-index: cv.getVar("navbar-fixed-z");
 }
 
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "navbar-height": #{$navbar-height},

diff --git a/sass/form/tools.scss b/sass/form/tools.scss
index 1855dd34d32ea5ac16f3d7887f5b649f6648813d..741a5c7c1e1fa3c6e007c8ffe5cc809046f4a13f 100644 (file)
--- a/sass/form/tools.scss
+++ b/sass/form/tools.scss
@@ -15,7 +15,7 @@ $label-colors: shared.$form-colors !default;
 
 $field-block-spacing: 0.75rem !default;
 
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "label-color": #{$label-color},

diff --git a/sass/grid/columns.scss b/sass/grid/columns.scss
index 1ec72a8a237a1d88ba78d8f056983696d7969f37..d26f3a86e604486ac11c8c91295acd29a35a5ec6 100644 (file)
--- a/sass/grid/columns.scss
+++ b/sass/grid/columns.scss
@@ -7,7 +7,7 @@
 
 $column-gap: 0.75rem !default;
 
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "column-gap": #{$column-gap},

diff --git a/sass/themes/_index.scss b/sass/themes/_index.scss
index 8cc8a0476cb304260df0006f3489cfc40cde5aba..d665f383916f03553f1e54cd36028fff9af7766e 100644 (file)
--- a/sass/themes/_index.scss
+++ b/sass/themes/_index.scss
@@ -1,13 +1,14 @@
 /* Bulma Themes */
 @charset "utf-8";
 
+@use "../utilities/initial-variables" as iv;
 @use "../utilities/css-variables" as cv;
 
 @use "light";
 @use "dark";
 @use "setup";
 
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include light.light-theme;
   @include setup.setup-theme;
 }

diff --git a/sass/utilities/controls.scss b/sass/utilities/controls.scss
index 0f9d91536f944e3d9a25bf370b090408fad7794f..47a3d75845b23c9ba80a82ee329d11af65be2633 100644 (file)
--- a/sass/utilities/controls.scss
+++ b/sass/utilities/controls.scss
@@ -16,10 +16,7 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default;
 
 $control-focus-shadow-l: 50% !default;
 
-@debug cv.$variables-host;
-@debug iv.$radius;
-
-#{cv.$variables-host} {
+#{iv.$variables-host} {
   @include cv.register-vars(
     (
       "control-radius": #{$control-radius},

diff --git a/sass/utilities/css-variables.scss b/sass/utilities/css-variables.scss
index ea2796c17682876c90098e086910375123aa6a27..499fa35ffa540e646e81f24b329abd8a7f258713 100644 (file)
--- a/sass/utilities/css-variables.scss
+++ b/sass/utilities/css-variables.scss
@@ -6,8 +6,6 @@
 @use "initial-variables" as iv;
 @use "functions" as fn;
 
-$variables-host: iv.$variables-host;
-
 @function buildVarName($name, $prefix: "", $suffix: "") {
   @return "--#{iv.$cssvars-prefix}#{$prefix}#{$name}#{$suffix}";
 }
@@ -497,7 +495,7 @@ $variables-host: iv.$variables-host;
 
 @mixin system-theme($name) {
   @media (prefers-color-scheme: #{$name}) {
-    #{$variables-host} {
+    #{iv.$variables-host} {
       @content;
     }
   }