vendor/assets/stylesheets/spectre/_forms.scss in spectre_scss-0.4.2.0 vs vendor/assets/stylesheets/spectre/_forms.scss in spectre_scss-0.4.3.0

@@ -16,18 +16,18 @@
 }
 
 // Form element: Label
 .form-label {
   display: block;
-  padding: $control-padding-v + $border-width 0;
+  padding: $control-padding-y + $border-width 0;
 
   &.label-sm {
-    padding: $control-padding-v-sm + $border-width 0;
+    padding: $control-padding-y-sm + $border-width 0;
   }
 
   &.label-lg {
-    padding: $control-padding-v-lg + $border-width 0;
+    padding: $control-padding-y-lg + $border-width 0;
   }
 }
 
 // Form element: Input
 .form-input {
@@ -42,11 +42,11 @@
   font-size: $font-size;
   height: $control-size;
   line-height: $line-height;
   max-width: 100%;
   outline: none;
-  padding: $control-padding-v $control-padding-h;
+  padding: $control-padding-y $control-padding-x;
   position: relative;
   width: 100%;
   &:focus {
     @include control-shadow();
     border-color: $primary-color;
@@ -57,17 +57,17 @@
 
   // Input sizes
   &.input-sm {
     font-size: $font-size-sm;
     height: $control-size-sm;
-    padding: $control-padding-v-sm $control-padding-h;
+    padding: $control-padding-y-sm $control-padding-x-sm;
   }
 
   &.input-lg {
     font-size: $font-size-lg;
     height: $control-size-lg;
-    padding: $control-padding-v-lg $control-padding-h;
+    padding: $control-padding-y-lg $control-padding-x-lg;
   }
 
   &.input-inline {
     display: inline-block;
     vertical-align: middle;
@@ -110,11 +110,11 @@
   color: inherit;
   font-size: $font-size;
   height: $control-size;
   line-height: $line-height;
   outline: none;
-  padding: $control-padding-v $control-padding-h;
+  padding: $control-padding-y $control-padding-x;
   vertical-align: middle;
   width: 100%;
 
   &[size],
   &[multiple] {
@@ -123,12 +123,12 @@
     option {
       padding: $unit-h $unit-1;
     }
   }
   &:not([multiple]):not([size]) {
-    background: $bg-color-light url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23667189' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right ($control-icon-size / 2) center / .4rem .5rem;
-    padding-right: $control-icon-size + $control-padding-h;
+    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
+    padding-right: $control-icon-size + $control-padding-x;
   }
   &:focus {
     @include control-shadow();
     border-color: $primary-color;
   }
@@ -138,28 +138,28 @@
 
   // Select sizes
   &.select-sm {
     font-size: $font-size-sm;
     height: $control-size-sm;
-    padding: $control-padding-v-sm ($control-icon-size + $control-padding-h) $control-padding-v-sm $control-padding-h;
+    padding: $control-padding-y-sm ($control-icon-size + $control-padding-x-sm) $control-padding-y-sm $control-padding-x-sm;
   }
 
   &.select-lg {
     font-size: $font-size-lg;
     height: $control-size-lg;
-    padding: $control-padding-v-lg ($control-icon-size + $control-padding-h) $control-padding-v-lg $control-padding-h;
+    padding: $control-padding-y-lg ($control-icon-size + $control-padding-x-lg) $control-padding-y-lg $control-padding-x-lg;
   }
 }
 
 // Form Icons
 .has-icon-left,
 .has-icon-right {
   position: relative;
 
   .form-icon {
     height: $control-icon-size;
-    margin: 0 $control-padding-v;
+    margin: 0 $control-padding-y;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: $control-icon-size;
   }
@@ -169,31 +169,31 @@
   .form-icon {
     left: $border-width;
   }
 
   .form-input {
-    padding-left: $control-icon-size + $control-padding-v * 2;
+    padding-left: $control-icon-size + $control-padding-y * 2;
   }
 }
 
 .has-icon-right {
   .form-icon {
     right: $border-width;
   }
 
   .form-input {
-    padding-right: $control-icon-size + $control-padding-v * 2;
+    padding-right: $control-icon-size + $control-padding-y * 2;
   }
 }
 
 // Form element: Checkbox and Radio
 .form-checkbox,
 .form-radio,
 .form-switch {
   display: inline-block;
   line-height: $line-height;
-  padding: (($control-size-sm - $line-height) / 2)  ($control-icon-size + $control-padding-h);
+  padding: (($control-size-sm - $line-height) / 2)  ($control-icon-size + $control-padding-x);
   position: relative;
 
   input {
     clip: rect(0, 0, 0, 0);
     height: 1px;
@@ -299,11 +299,11 @@
   }
 }
 
 // Form element: Switch
 .form-switch {
-  padding-left: ($unit-8 + $control-padding-h);
+  padding-left: ($unit-8 + $control-padding-x);
 
   .form-icon {
     background: $gray-color-light;
     background-clip: padding-box;
     border-radius: $unit-2 + $border-width;
@@ -346,18 +346,18 @@
   .input-group-addon {
     background: $bg-color;
     border: $border-width solid $border-color-dark;
     border-radius: $border-radius;
     line-height: $line-height;
-    padding: $control-padding-v $control-padding-h;
+    padding: $control-padding-y $control-padding-x;
 
     &.addon-sm {
       font-size: $font-size-sm;
-      padding: $control-padding-v-sm $control-padding-h;
+      padding: $control-padding-y-sm $control-padding-x-sm;
     }
     &.addon-lg {
       font-size: $font-size-lg;
-      padding: $control-padding-v-lg $control-padding-h;
+      padding: $control-padding-y-lg $control-padding-x-lg;
     }
   }
 
   .form-input,
   .form-select {