This is a major update, moving over to Sass modules, and removing some features that no longer seem necessary.
+(previous betas had major breaking issues)
BREAKING: Requires Sass modules, and other recent features of Dart Sass. diff --git a/docs/CONTRIBUTING.html b/docs/CONTRIBUTING.html index f297395b..79d06848 100644 --- a/docs/CONTRIBUTING.html +++ b/docs/CONTRIBUTING.html @@ -42,7 +42,7 @@
diff --git a/docs/LICENSE.html b/docs/LICENSE.html index bfed70e5..7b240059 100644 --- a/docs/LICENSE.html +++ b/docs/LICENSE.html @@ -42,7 +42,7 @@ diff --git a/docs/animate-change-vars.html b/docs/animate-change-vars.html index 6ae6a8c5..5683b740 100644 --- a/docs/animate-change-vars.html +++ b/docs/animate-change-vars.html @@ -42,7 +42,7 @@ diff --git a/docs/animate-change.html b/docs/animate-change.html index c64b6f5e..a3eaa3f1 100644 --- a/docs/animate-change.html +++ b/docs/animate-change.html @@ -42,7 +42,7 @@ diff --git a/docs/animate-ease-vars.html b/docs/animate-ease-vars.html index 420879cd..40afbba0 100644 --- a/docs/animate-ease-vars.html +++ b/docs/animate-ease-vars.html @@ -42,7 +42,7 @@ diff --git a/docs/animate-ease.html b/docs/animate-ease.html index c7ea1090..400cc799 100644 --- a/docs/animate-ease.html +++ b/docs/animate-ease.html @@ -42,7 +42,7 @@ diff --git a/docs/animate-time-vars.html b/docs/animate-time-vars.html index 23a5cd45..b72b96d7 100644 --- a/docs/animate-time-vars.html +++ b/docs/animate-time-vars.html @@ -42,7 +42,7 @@ diff --git a/docs/animate-times.html b/docs/animate-times.html index 601ff6ab..bf145d76 100644 --- a/docs/animate-times.html +++ b/docs/animate-times.html @@ -42,7 +42,7 @@ diff --git a/docs/animate.html b/docs/animate.html index 6f264afb..314e7c9b 100644 --- a/docs/animate.html +++ b/docs/animate.html @@ -42,7 +42,7 @@ diff --git a/docs/color-config.html b/docs/color-config.html index 417edba4..3db69774 100644 --- a/docs/color-config.html +++ b/docs/color-config.html @@ -42,7 +42,7 @@ diff --git a/docs/color-contrast.html b/docs/color-contrast.html index 96ff0f4e..3a707d08 100644 --- a/docs/color-contrast.html +++ b/docs/color-contrast.html @@ -42,7 +42,7 @@ @@ -394,82 +394,7 @@For any color, select the best contrast among a set of options.
-For best results, pass in a combination of light and dark colors
-to contrast against –
-or define default contrast-light and contrast-dark values
-(with or without a private _ prefix)
-in your global $colors map.
An extension of the contrast function,
+designed to output CSS variables
+rather than simple color values.
2.1.0:Whichever color-option has the highest contrast-ratio to $color,
-or the minimum needed contrast to meet a given accessibility ratio.
CSS Variable for the color-option
+that has the highest contrast-ratio to $color,
+or the color if no variable exists.
html {
- color: #eee;
+ color: var(--color-light, #eee);
}An extension of the contrast function,
-designed to output CSS variables
-rather than simple color values.
Apply any background color as a CSS variable,
+along with the highest-contrast text color from a set of options.
+This works the same as the var-contrast function,
+but applies the resulting values to background-color
+and text color properties.
2.1.0:2.1.0:The name or value of a color.
+The name or value of your desired background color.
CSS Variable for the color-option
-that has the highest contrast-ratio to $color,
-or the color if no variable exists.
background-color to $background
+and the foreground color to
+whichever option has better contrast against the given background.html {
+ background-color: var(--color-background, blue);
color: white;
}html {
- color: var(--color-light, #eee);
-}html {
+ background-color: var(--color-background, blue);
+ color: var(--color-light, #eee);
+}Apply any background color,
-along with the highest-contrast text color from a set of options.
-This works the same as the contrast function,
-but applies the resulting values to background-color
-and text color properties.
For any color, select the best contrast among a set of options.
+For best results, pass in a combination of light and dark colors
+to contrast against –
+or define default contrast-light and contrast-dark values
+(with or without a private _ prefix)
+in your global $colors map.
The name or value of your desired background color.
+The name or value of a color.
background-color to $background
-and color to the option with
-highest contrast against that background,
-or minimum contrast that still meets a given accessibility ratio.Whichever color-option has the highest contrast-ratio to $color,
+or the minimum needed contrast to meet a given accessibility ratio.
html {
- background-color: blue;
color: white;
}html {
- background-color: blue;
color: #eee;
}Apply any background color as a CSS variable, +
Apply any background color,
along with the highest-contrast text color from a set of options.
-This works the same as the var-contrast function,
+This works the same as the contrast function,
but applies the resulting values to background-color
and text color properties.
2.1.0:background-color to $background
-and the foreground color to
-whichever option has better contrast against the given background.color to the option with
+highest contrast against that background,
+or minimum contrast that still meets a given accessibility ratio.
html {
- background-color: var(--color-background, blue);
+ background-color: blue;
color: white;
}html {
- background-color: var(--color-background, blue);
- color: var(--color-light, #eee);
+ background-color: blue;
+ color: #eee;
}$z-index: ();$z-index: () !default;