buttons, variables and submit

css/knacss-unminified.css

@@ -1798,26 +1798,25 @@ label {
   cursor: pointer;
 }
 
-input[type="color"],
-input[type="date"],
-input[type="datetime-local"],
-input[type="email"],
-input[type="month"],
-input[type="number"],
-input[type="password"],
-input[type="search"],
-input[type="tel"],
-input[type="text"],
-input[type="time"],
-input[type="url"],
-input[type="week"],
-select,
+[type="color"],
+[type="date"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="search"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"] select,
 textarea {
   white-space: nowrap;
   font-family: inherit;
   font-size: inherit;
   border: 0;
-  box-shadow: 0 0 0 1px #F7F7F7 inset;
+  box-shadow: 0 0 0 1px #777 inset;
   color: #000;
   vertical-align: middle;
   padding: 0.5rem 1rem;
@@ -1883,7 +1882,7 @@ progress {
 .btn,
 .button,
 [type="button"],
-button, .btn--primary,
+[type="submit"] button, .btn--primary,
 .button--primary, .btn--success,
 .button--success, .btn--info,
 .button--info, .btn--warning,
@@ -1918,7 +1917,7 @@ button, .btn--primary,
 .btn:focus,
 .button:focus,
 [type="button"]:focus,
-button:focus {
+[type="submit"] button:focus {
   -webkit-tap-highlight-color: transparent;
 }
 
@@ -2074,6 +2073,7 @@ button:focus {
   color: #000;
   border-radius: 0;
   background-color: #F7F7F7;
+  line-height: 1;
 }
 
 .badge--primary {

sass/_config/_variables.scss

@@ -32,6 +32,7 @@ $color3         : #333;
 $color4         : #000;
 $color5         : #6FA939;
 $color6         : #ddd;
+$color7         : #777;
 $color-light    : #fff;
 $color-dark     : #000;
 $color-primary  : #0275D8;
@@ -52,6 +53,8 @@ $color-link-hover: $color4;
 
 $brand-primary: $color5;
 
+$color-border: $color7;
+
 // button, badges, alerts color variants list
 // name - background-color - color - border
 $variants-list: (

sass/components/buttons.scss

@@ -30,6 +30,7 @@
 .btn,
 .button,
 [type="button"],
+[type="submit"]
 button {
   @extend %btn;
 

sass/components/forms.scss

@@ -25,26 +25,26 @@ label {
   cursor: pointer;
 }
 
-input[type="color"],
-input[type="date"],
-input[type="datetime-local"],
-input[type="email"],
-input[type="month"],
-input[type="number"],
-input[type="password"],
-input[type="search"],
-input[type="tel"],
-input[type="text"],
-input[type="time"],
-input[type="url"],
-input[type="week"],
+[type="color"],
+[type="date"],
+[type="datetime-local"],
+[type="email"],
+[type="month"],
+[type="number"],
+[type="password"],
+[type="search"],
+[type="tel"],
+[type="text"],
+[type="time"],
+[type="url"],
+[type="week"]
 select,
 textarea {
   white-space: nowrap;
   font-family: inherit;
   font-size: inherit;
   border: 0;
-  box-shadow: 0 0 0 1px $color-muted inset;
+  box-shadow: 0 0 0 1px $color-border inset;
   color: $color-base;
   vertical-align: middle;
   padding: $tiny-value $small-value;