From: maks feltrin <pine3ree@gmail.com>
Date: Sat, 6 Aug 2016 02:43:26 +0000 (+0200)
Subject: focus state and input-transition
X-Git-Tag: v6.3-rc1~41^2~11^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F9087%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

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 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;