Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fixes #3895

Browse Source
This commit is contained in:
Jeremy Thomas
2025-04-19 15:39:25 +02:00
parent 29e063e695
commit e133d45b7a
9 changed files with 12 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
CHANGELOG.md
View File

@@ -5,7 +5,8 @@
### New Features ### New Features
- #3937: Add .has-text-weight-extrabold as a typography class. - #3937: Add .has-text-weight-extrabold as a typography class.
- #3906 fixes #3895: Make variables root configurable
-
### Bug Fixes ### Bug Fixes
- #3963: Improve colour loading versions of outlined buttons - #3963: Improve colour loading versions of outlined buttons

3
sass/base/generic.scss
View File

@@ -1,3 +1,4 @@
@use "../utilities/initial-variables" as iv;
@use "../utilities/css-variables.scss" as cv; @use "../utilities/css-variables.scss" as cv;
@use "../utilities/mixins" as mx; @use "../utilities/mixins" as mx;
@@ -32,7 +33,7 @@ $pre-font-size: 0.875em !default;
$pre-padding: 1.25rem 1.5rem !default; $pre-padding: 1.25rem 1.5rem !default;
$pre-code-font-size: 1em !default; $pre-code-font-size: 1em !default;
#{cv.$variables-host} { #{iv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"body-background-color": #{$body-background-color}, "body-background-color": #{$body-background-color},

2
sass/base/skeleton.scss vendored
View File

@@ -9,7 +9,7 @@ $skeleton-block-min-height: 4.5em !default;
$skeleton-lines-gap: 0.75em !default; $skeleton-lines-gap: 0.75em !default;
$skeleton-line-height: 0.75em !default; $skeleton-line-height: 0.75em !default;
#{cv.$variables-host} { #{iv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"skeleton-background": #{$skeleton-background}, "skeleton-background": #{$skeleton-background},

2
sass/components/navbar.scss
View File

@@ -101,7 +101,7 @@ $navbar-colors: dv.$colors !default;
z-index: cv.getVar("navbar-fixed-z"); z-index: cv.getVar("navbar-fixed-z");
} }
#{cv.$variables-host} { #{iv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"navbar-height": #{$navbar-height}, "navbar-height": #{$navbar-height},

2
sass/form/tools.scss
View File

@@ -15,7 +15,7 @@ $label-colors: shared.$form-colors !default;
$field-block-spacing: 0.75rem !default; $field-block-spacing: 0.75rem !default;
#{cv.$variables-host} { #{iv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"label-color": #{$label-color}, "label-color": #{$label-color},

2
sass/grid/columns.scss
View File

@@ -7,7 +7,7 @@
$column-gap: 0.75rem !default; $column-gap: 0.75rem !default;
#{cv.$variables-host} { #{iv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"column-gap": #{$column-gap}, "column-gap": #{$column-gap},

3
sass/themes/_index.scss
View File

@@ -1,13 +1,14 @@
/* Bulma Themes */ /* Bulma Themes */
@charset "utf-8"; @charset "utf-8";
@use "../utilities/initial-variables" as iv;
@use "../utilities/css-variables" as cv; @use "../utilities/css-variables" as cv;
@use "light"; @use "light";
@use "dark"; @use "dark";
@use "setup"; @use "setup";
#{cv.$variables-host} { #{iv.$variables-host} {
@include light.light-theme; @include light.light-theme;
@include setup.setup-theme; @include setup.setup-theme;
} }

5
sass/utilities/controls.scss
View File

@@ -16,10 +16,7 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default;
$control-focus-shadow-l: 50% !default; $control-focus-shadow-l: 50% !default;
@debug cv.$variables-host; #{iv.$variables-host} {
@debug iv.$radius;
#{cv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"control-radius": #{$control-radius}, "control-radius": #{$control-radius},

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

@@ -6,8 +6,6 @@
@use "initial-variables" as iv; @use "initial-variables" as iv;
@use "functions" as fn; @use "functions" as fn;
$variables-host: iv.$variables-host;
@function buildVarName($name, $prefix: "", $suffix: "") { @function buildVarName($name, $prefix: "", $suffix: "") {
@return "--#{iv.$cssvars-prefix}#{$prefix}#{$name}#{$suffix}"; @return "--#{iv.$cssvars-prefix}#{$prefix}#{$name}#{$suffix}";
} }
@@ -497,7 +495,7 @@ $variables-host: iv.$variables-host;
@mixin system-theme($name) { @mixin system-theme($name) {
@media (prefers-color-scheme: #{$name}) { @media (prefers-color-scheme: #{$name}) {
#{$variables-host} { #{iv.$variables-host} {
@content; @content;
} }
} }