Fix $foreground typo at btn-variant() mixin (_button.scss)

Author: adamlaki

CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## v0.1.2 (2020-12-30)
+
+- Fix $foreground typo at btn-variant() mixin (_button.scss)
+
 ## v0.1.1 (2020-12-30)
 
 - Add Autoprefixer to CSS compile

css/spruce.css

@@ -654,7 +654,7 @@ html[dir=rtl] .form-control--invalid {
 .form-group--vertical-check {
   display: flex;
   flex-direction: column;
-  align-items: flex-start;
+  align-items: start;
 }
 .form-group--vertical-check > * {
   margin-bottom: 0;
@@ -673,7 +673,7 @@ html[dir=rtl] .form-control--invalid {
   --col-width: 20ch;
   display: flex;
   flex-wrap: wrap;
-  gap: 1.5rem;
+  gap: 1rem;
 }
 .form-row--mixed > * {
   flex: 1 1 var(--col-width);
@@ -918,6 +918,10 @@ ul li,
 ol li {
   list-style-position: outside;
 }
+ul li::marker,
+ol li::marker {
+  color: var(--spruce-base-color-primary, #8660cd);
+}
 
 li > ul,
 li > ol {

css/spruce.min.css

@@ -1,6 +1,6 @@
 {
   "name": "sprucecss",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Spruce CSS - Another CSS Framework",
   "keywords": [
     "css",

package.json

@@ -17,16 +17,16 @@
   $foreground: primary-foreground,
   $background: primary-background
 ) {
-  @if not map.has-key(variable.$colors, btn, foreground) or not map.has-key(variable.$colors, btn, $background) {
-    @error 'The #{foreground} or #{$background} key name doesn\'t exist under btn at the $colors map.';
+  @if not map.has-key(variable.$colors, btn, $foreground) or not map.has-key(variable.$colors, btn, $background) {
+    @error 'The #{$foreground} or #{$background} key name doesn\'t exist under btn at the $colors map.';
   }
 
   background-color: function.color(#{$background}, btn);
-  color: function.color(#{foreground}, btn);
+  color: function.color(#{$foreground}, btn);
 
   &:hover {
     background-color: function.color(#{$background}-hover, btn);
-    color: function.color(#{foreground}, btn);
+    color: function.color(#{$foreground}, btn);
   }
 
   &:focus {