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

Build 1.0.3

Browse Source
This commit is contained in:
Jeremy Thomas
2024-12-27 21:25:24 +01:00
parent e23cfc1262
commit 785418143e
38 changed files with 27389 additions and 21758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
sass/helpers/color.scss
View File

@@ -26,7 +26,7 @@ $digits: (
"100"
);
.#{iv.$helpers-has-prefix}background {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background {
background-color: cv.getVar("background");
}
@@ -43,16 +43,16 @@ $digits: (
#{cv.getVar($name, "", "-l")}
);
.#{iv.$helpers-has-prefix}text-#{$name} {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name} {
color: $color !important;
}
.#{iv.$helpers-has-prefix}background-#{$name} {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name} {
background-color: $background !important;
}
// Invert
.#{iv.$helpers-has-prefix}text-#{$name}-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-invert {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -60,7 +60,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-invert {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -69,7 +69,7 @@ $digits: (
}
// On Scheme
.#{iv.$helpers-has-prefix}text-#{$name}-on-scheme {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-on-scheme {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -77,7 +77,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-on-scheme {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-on-scheme {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -86,7 +86,7 @@ $digits: (
}
// Light
.#{iv.$helpers-has-prefix}text-#{$name}-light {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-light {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -94,7 +94,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-light {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-light {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -102,7 +102,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}text-#{$name}-light-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-light-invert {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -110,7 +110,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-light-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-light-invert {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -119,7 +119,7 @@ $digits: (
}
// Dark
.#{iv.$helpers-has-prefix}text-#{$name}-dark {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-dark {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -127,7 +127,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-dark {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-dark {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -135,7 +135,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}text-#{$name}-dark-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-dark-invert {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -143,7 +143,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-dark-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-dark-invert {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -152,7 +152,7 @@ $digits: (
}
// Soft/Bold
.#{iv.$helpers-has-prefix}text-#{$name}-soft {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-soft {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -160,7 +160,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-soft {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-soft {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -168,7 +168,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}text-#{$name}-bold {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-bold {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -176,7 +176,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-bold {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-bold {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -184,7 +184,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}text-#{$name}-soft-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-soft-invert {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -192,7 +192,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-soft-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-soft-invert {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -200,7 +200,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}text-#{$name}-bold-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-bold-invert {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -208,7 +208,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-bold-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-bold-invert {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -217,7 +217,7 @@ $digits: (
}
@each $digit in $digits {
.#{iv.$helpers-has-prefix}text-#{$name}-#{$digit} {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-#{$digit} {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -225,7 +225,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-#{$digit} {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-#{$digit} {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -233,7 +233,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}text-#{$name}-#{$digit}-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}-#{$digit}-invert {
color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -241,7 +241,7 @@ $digits: (
) !important;
}
.#{iv.$helpers-has-prefix}background-#{$name}-#{$digit}-invert {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}-#{$digit}-invert {
background-color: hsl(
#{cv.getVar($name, "", "-h")},
#{cv.getVar($name, "", "-s")},
@@ -251,9 +251,9 @@ $digits: (
}
// Hover
a.#{iv.$helpers-has-prefix}text-#{$name},
button.#{iv.$helpers-has-prefix}text-#{$name},
#{iv.$helpers-has-prefix}text-#{$name}.is-hoverable {
a.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name},
button.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name},
#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name}.is-hoverable {
&:hover,
&:focus-visible {
color: hsl(
@@ -276,9 +276,9 @@ $digits: (
}
}
a.#{iv.$helpers-has-prefix}background-#{$name},
button.#{iv.$helpers-has-prefix}background-#{$name},
#{iv.$helpers-has-prefix}background-#{$name}.is-hoverable {
a.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name},
button.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name},
#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name}.is-hoverable {
&:hover,
&:focus-visible {
background-color: hsl(
@@ -304,7 +304,7 @@ $digits: (
}
// Palettes
.#{iv.$helpers-prefix}palette-#{$name} {
.#{iv.$class-prefix}#{iv.$helpers-prefix}palette-#{$name} {
--h: #{cv.getVar($name, "", "-h")};
--s: #{cv.getVar($name, "", "-s")};
--l: #{cv.getVar($name, "", "-l")};
@@ -318,27 +318,27 @@ $digits: (
}
@each $name, $shade in dv.$shades {
.#{iv.$helpers-has-prefix}text-#{$name} {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-#{$name} {
color: $shade !important;
}
.#{iv.$helpers-has-prefix}background-#{$name} {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-#{$name} {
background-color: $shade !important;
}
}
.#{iv.$helpers-has-prefix}text-current {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-current {
color: currentColor !important;
}
.#{iv.$helpers-has-prefix}text-inherit {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}text-inherit {
color: inherit !important;
}
.#{iv.$helpers-has-prefix}background-current {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-current {
background-color: currentColor !important;
}
.#{iv.$helpers-has-prefix}background-inherit {
.#{iv.$class-prefix}#{iv.$helpers-has-prefix}background-inherit {
background-color: inherit !important;
}