Commit b0fb68c1 authored by Dmitry Medvinsky's avatar Dmitry Medvinsky

Add transition on search box

It's kind of cool trend to use animated-expanding search box nowadays.
E.g. see Github.
parent 292dffc2
...@@ -24,6 +24,14 @@ ...@@ -24,6 +24,14 @@
background-image: -o-linear-gradient($from, $to); background-image: -o-linear-gradient($from, $to);
} }
@mixin transition($transition) {
-webkit-transition: $transition;
-moz-transition: $transition;
-ms-transition: $transition;
-o-transition: $transition;
transition: $transition;
}
/** /**
* Prefilled mixins * Prefilled mixins
* Mixins with fixed values * Mixins with fixed values
......
...@@ -90,6 +90,7 @@ header { ...@@ -90,6 +90,7 @@ header {
@include border-radius(3px); @include border-radius(3px);
border: 1px solid #c6c6c6; border: 1px solid #c6c6c6;
box-shadow: none; box-shadow: none;
@include transition(all 0.15s ease-in 0s);
&:focus { &:focus {
@extend .span3; @extend .span3;
} }
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment