From 145afe7db2a9d7958a5a79a36264851f04af72f0 Mon Sep 17 00:00:00 2001
From: maks feltrin <pine3ree@gmail.com>
Date: Sat, 6 Aug 2016 04:43:26 +0200
Subject: [PATCH] focus state and input-transition

maybe it's simpler to just import (@extend) the global form-element
---
 scss/forms/_select.scss | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index 71aef3b76..afb9bd18f 100644
--- 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;
-- 
2.47.2