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

conedevelopment · Dec 30, 2021 · d18d1fa · d18d1fa
1 parent f7f8308
commit d18d1fa
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 8 deletions.
diff --git a/CHANGELOG.md b/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

diff --git a/css/spruce.css b/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 {

diff --git a/css/spruce.min.css b/css/spruce.min.css
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sprucecss",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Spruce CSS - Another CSS Framework",
   "keywords": [
     "css",

diff --git a/scss/mixin/_button.scss b/scss/mixin/_button.scss
@@ -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 {