Restyle big search to make it MORE OBVIOUS.

This commit is contained in:
summerscope
2014-07-10 12:58:38 +10:00
parent 9fa62b39af
commit 0e0cf5576d
2 changed files with 12 additions and 9 deletions

View File

@@ -94,9 +94,9 @@
#active-table-search
position: relative
@include placeholder(rgba(0,0,0,0.3), #888)
@include placeholder(rgba(0,0,0,0.4), #777)
input[type="text"]
@include big-input(rgba(0,0,0,0.2), #999, #000)
@include big-input(rgba(0,0,0,0.3), #777, $clr-brick)

View File

@@ -8,13 +8,14 @@
@mixin big-input($input, $inputhvr, $inputactv)
@extend .avenir
@include csstrans
@include border-radius(0.5rem)
// transition: all 0.5s ease
background: transparent
border: none
border-bottom: 2px dotted $input
background: rgba(255,255,255,0.1)
border: 2px solid $input
font-size: 2rem
box-shadow: 0
padding: 0rem 0.5rem 0.2rem 0.5rem
padding: 0.75rem 1rem 0.35rem 1rem
height: auto
margin-bottom: 0.5rem
box-shadow: none
@@ -22,14 +23,16 @@
&:hover
@include box-shadow(0 1px 1px 0 rgba(255,255,255,0.25))
border-bottom: 2px dotted $inputhvr
border: 2px solid $inputhvr
color: $inputactv
&:active, &:focus, &.active
border-bottom: 2px dotted $inputactv
border: 2px solid $inputactv
color: $inputactv
background: white
background: rgba(255,255,255,0.5)
text-shadow: 0 0 10px #ffffff
padding: 1rem 0.5rem 0.5rem 0.5rem
padding: 1.5rem 1rem 1rem 1rem
letter-spacing: 0.02rem
@mixin big-input-static