focus state and input-transition

maybe it's simpler to just import (@extend) the global form-element

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index 71aef3b765cfb3128810f2f8f4b6c3406edce206..afb9bd18fba18d197ff77b40f7743d357cd3c8d8 100644 (file)
--- a/scss/forms/_select.scss
+++ b/scss/forms/_select.scss
@@ -43,6 +43,22 @@ $select-radius: $global-radius !default;
     padding-#{$global-right}: ($form-spacing * 1.5);
   }
 
+  @if has-value($input-transition) {
+    transition: $input-transition;
+  }
+
+  // Focus state
+  &:focus {
+    border: $input-border-focus;
+    background-color: $input-background-focus;
+    outline: none;
+    box-shadow: $input-shadow-focus;
+
+    @if has-value($input-transition) {
+      transition: $input-transition;
+    }
+  }
+  
   // Disabled state
   &:disabled {
     background-color: $input-background-disabled;