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

Issue-3895: Make variables root configurable

Browse Source
This commit is contained in:
gabor.kormany
2024-09-16 16:36:28 +02:00
parent 9a1b620195
commit 646d520b62
9 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
sass/base/generic.scss
View File

@@ -32,7 +32,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;
:root { #{cv.$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;
:root { #{cv.$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");
} }
:root { #{cv.$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;
:root { #{cv.$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;
:root { #{cv.$variables-host} {
@include cv.register-vars( @include cv.register-vars(
( (
"column-gap": #{$column-gap}, "column-gap": #{$column-gap},

2
sass/themes/_index.scss
View File

@@ -7,7 +7,7 @@
@use "dark"; @use "dark";
@use "setup"; @use "setup";
:root { #{cv.$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,7 +16,10 @@ $control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default;
$control-focus-shadow-l: 50% !default; $control-focus-shadow-l: 50% !default;
:root { @debug cv.$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,6 +6,8 @@
@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}";
} }
@@ -419,7 +421,7 @@
@mixin system-theme($name) { @mixin system-theme($name) {
@media (prefers-color-scheme: #{$name}) { @media (prefers-color-scheme: #{$name}) {
:root { #{$variables-host} {
@content; @content;
} }
} }

1
sass/utilities/initial-variables.scss
View File

@@ -153,3 +153,4 @@ $class-prefix: "" !default;
$cssvars-prefix: "bulma-" !default; $cssvars-prefix: "bulma-" !default;
$helpers-prefix: "is-" !default; $helpers-prefix: "is-" !default;
$helpers-has-prefix: "has-" !default; $helpers-has-prefix: "has-" !default;
$variables-host: ":root" !default;