Merge pull request #20 from webpixels/1.1

minor bug fixes

Author: extrabright

.editorconfig

@@ -0,0 +1,17 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_style = tab
+tab_width = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = false
+
+[*.json]
+indent_style = space
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

dist/index.css

@@ -1,7 +1,7 @@
 {
     "name": "@webpixels/css",
     "description": "Utility and component-centric Design System based on Bootstrap for fast, responsive UI development.",
-    "version": "1.1.92",
+    "version": "1.1.93",
     "version_short": "1.1",
     "license": "MIT",
     "style": "dist/index.css",

dist/index.css.map

@@ -1,5 +1,12 @@
 @import "bootstrap/scss/buttons";
 
+// Soft color variation
+@each $color, $value in $theme-colors {
+  .btn-soft-#{$color} {
+      @include button-variant(shift-color($value, $btn-soft-bg-level), shift-color($value, $btn-soft-bg-level), $value, $value, color-contrast($value));
+  }
+}
+
 // Neutral button variant
 .btn-neutral {
     @include button-variant($btn-neutral-bg, $btn-neutral-border-color, $btn-neutral-color, $btn-neutral-hover-bg, $btn-neutral-hover-border-color, $btn-neutral-hover-color);

package.json

@@ -146,6 +146,8 @@ $btn-focus-width:             $input-btn-focus-width !default;
 $btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
 $btn-active-box-shadow:       $box-shadow-transparent !default;
 
+// Customize how soft a background should be on soft button variants
+$btn-soft-bg-level:           -70% !default;
 
 // Allows for customizing button radius independently from global border radius
 $btn-border-radius:           $border-radius !default;

src/components/buttons/_button.scss

@@ -1,5 +1,5 @@
 /*!
- * Webpixels CSS v1.1.92 (https://webpixels.io/)
+ * Webpixels CSS v1.1.93 (https://webpixels.io/)
  * Copyright 2022 Webpixels
  * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
  */