Fix #584, Fix #571

sass/components/pagination.sass

@@ -55,7 +55,7 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 .pagination-previous,
 .pagination-next,
 .pagination-link
-  border: 1px solid $pagination-border
+  border-color: $pagination-border
   min-width: 2.25em
   &:hover
     border-color: $pagination-hover-border

sass/elements/button.sass

@@ -26,7 +26,7 @@ $button-shadow-inset: inset 0 1px 2px rgba($black, 0.2) !default
   +control
   +unselectable
   background-color: $button-background
-  border: 1px solid $button-border
+  border-color: $button-border
   color: $button
   cursor: pointer
   justify-content: center

sass/elements/form.sass

@@ -22,7 +22,7 @@ $input-radius:              $radius !default
 =input
   +control
   background-color: $input-background
-  border: 1px solid $input-border
+  border-color: $input-border
   color: $input
   &:hover,
   &.is-hovered
@@ -122,6 +122,8 @@ $input-radius:              $radius !default
       border-color: $input-hover-border
     &::-ms-expand
       display: none
+    &[disabled]:hover
+      border-color: $input-disabled-border
   // States
   &:hover
     &:after
@@ -139,10 +141,21 @@ $input-radius:              $radius !default
   &.is-large
     +control-large
   // Modifiers
+  &.is-disabled
+    &:after
+      border-color: $input-disabled
   &.is-fullwidth
     width: 100%
     select
       width: 100%
+  &.is-loading
+    &:after
+      +loader
+      margin-top: 0
+      position: absolute
+      right: 0.625em
+      top: 0.625em
+      transform: none
 
 .label
   color: $input
@@ -161,9 +174,6 @@ $input-radius:              $radius !default
     &.is-#{$name}
       color: $color
 
-.select select
-  line-height: 1
-
 // Containers
 
 .field

sass/utilities/controls.sass

@@ -1,11 +1,14 @@
 $control-radius: $radius !default
 $control-radius-small: $radius-small !default
 
+$control-padding-vertical: calc(0.375em - 1px) !default
+$control-padding-horizontal: calc(0.625em - 1px) !default
+
 =control
   -moz-appearance: none
   -webkit-appearance: none
   align-items: center
-  border: none
+  border: 1px solid transparent
   border-radius: $control-radius
   box-shadow: none
   display: inline-flex
@@ -13,10 +16,10 @@ $control-radius-small: $radius-small !default
   height: 2.25em
   justify-content: flex-start
   line-height: 1.5
-  padding-bottom: 0.375em
-  padding-left: 0.625em
-  padding-right: 0.625em
-  padding-top: 0.375em
+  padding-bottom: $control-padding-vertical
+  padding-left: $control-padding-horizontal
+  padding-right: $control-padding-horizontal
+  padding-top: $control-padding-vertical
   position: relative
   vertical-align: top
   // States