diff options
-rw-r--r-- | sass/parts/_header.scss | 8 | ||||
-rw-r--r-- | source/images/search.png | bin | 0 -> 1173 bytes |
2 files changed, 5 insertions, 3 deletions
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index 4883525..ba45bb0 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -29,15 +29,17 @@ header{ } .search{ input[type="text"]{ - background: #f2f2f2; + background: image-url('search.png') 10px center no-repeat #f2f2f2; color: #999; border: 1px solid $border; @include border-radius(15px); font: 13px $default; - padding: 6px 15px; + padding: 6px 15px 6px 35px; + width: 100px; @include transition(0.3s); &:focus, &:active{ - background: #fff; + background: image-url('search.png') 10px center no-repeat #fff; + width: 150px; border-top: 1px solid #ccc; color: $font-main; } diff --git a/source/images/search.png b/source/images/search.png Binary files differnew file mode 100644 index 0000000..90a3af2 --- /dev/null +++ b/source/images/search.png |