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

Init dark theme

Browse Source
This commit is contained in:
Jeremy Thomas
2022-12-14 17:15:51 +00:00
parent 89a8b8f208
commit b73e183091
18 changed files with 1194 additions and 671 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,4 @@
@function buildVarName($name, $prefix: "", $suffix: "") {
@debug $cssvars-prefix;
@return "--#{$cssvars-prefix}#{$prefix}#{$name}#{$suffix}";
}
@@ -8,6 +7,11 @@
@return var(#{$varName});
}
@function getRgbaVar($name, $alpha, $prefix: "", $suffix: "") {
$varName: buildVarName($name, $prefix, $suffix);
@return unquote("rgba(var(#{$varName}), #{$alpha})");
}
@mixin register-var($name, $value, $prefix: "", $suffix: "") {
$varName: buildVarName($name, $prefix, $suffix);
#{$varName}: #{$value};
@@ -75,3 +79,22 @@
@include register-var($name, $invert, "", "-invert");
}
@mixin bulma-theme($name, $scope: "") {
@if ($scope == "parent") {
[data-#{$class-prefix}theme="#{$name}"] &,
.#{$class-prefix}theme-#{$name} & {
@content;
}
} @else if ($scope == "self") {
&[data-#{$class-prefix}theme="#{$name}"],
&.#{$class-prefix}theme-#{$name} {
@content;
}
} @else {
[data-#{$class-prefix}theme="#{$name}"],
.#{$class-prefix}theme-#{$name} {
@content;
}
}
}