Commit a27be62

speasley <s@stephenpeasley.com>
2016-07-14 03:11:26
Style search field
1 parent a2c33ab
Changed files (2)
app
app/assets/stylesheets/_settings.scss
@@ -58,6 +58,8 @@ $foundation-palette: (
 $light-gray: #e6e6e6;
 $medium-gray: #cacaca;
 $dark-gray: #8a8a8a;
+$nav-medium-gray: #353d45;
+$nav-dark-gray: #2c313b;
 $black: #0a0a0a;
 $white: #fefefe;
 $body-background: $white;
app/assets/stylesheets/global.scss
@@ -81,6 +81,26 @@ a[class^="social_"] {
     color: $white;
   }
 }
+input[type=search] {
+  background: #222;
+  border-color: $dark-gray;
+  color: $medium-gray;
+  width: 85px;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+  -webkit-transition: all .5s;
+  -moz-transition: all .5s;
+  transition: all .5s;
+}
+input[type=search]:focus {
+  background-color: $white;
+  color: $black;
+  width: 150px;
+  -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
+  -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
+  box-shadow: 0 0 5px rgba(109,207,246,.5);
+}
 /* ---------------------------------------------- */
 /* Footer --------------------------------------- */
 /* ---------------------------------------------- */