From ac8d3f8c96a8edb0a40f753a66f760edfd44b4db Mon Sep 17 00:00:00 2001 From: summerscope Date: Wed, 9 Jul 2014 17:35:04 +1000 Subject: [PATCH] Make a static (non animated) version of big input --- app/assets/stylesheets/darkswarm/big-input.sass | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/big-input.sass b/app/assets/stylesheets/darkswarm/big-input.sass index c917602fa8..3e74c70ec8 100644 --- a/app/assets/stylesheets/darkswarm/big-input.sass +++ b/app/assets/stylesheets/darkswarm/big-input.sass @@ -1,6 +1,7 @@ @import typography @import branding @import animations +@import mixins //Big search used in active table search \\ @@ -20,8 +21,7 @@ color: $inputactv &:hover - -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.25) - box-shadow: 0 1px 1px 0 rgba(255,255,255,0.25) + @include box-shadow(0 1px 1px 0 rgba(255,255,255,0.25)) border-bottom: 2px dotted $inputhvr color: $inputactv @@ -32,6 +32,12 @@ padding: 1rem 0.5rem 0.5rem 0.5rem letter-spacing: 0.02rem +@mixin big-input-static + outline: 0 + &:active, &:focus, &.active + padding: 0rem 0.5rem 0.2rem 0.5rem + letter-spacing: 0 + @mixin placeholder($placeholder, $placeholderhvr) ::-webkit-input-placeholder color: $placeholder