diff options
Diffstat (limited to 'sass/parts/_header.scss')
| -rw-r--r-- | sass/parts/_header.scss | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss index 7f76330..4af00e4 100644 --- a/sass/parts/_header.scss +++ b/sass/parts/_header.scss @@ -1,10 +1,10 @@ header{ height: 30px; padding: 30px 0; - border-bottom: 1px solid $border; + border-bottom: 1px solid $gray04; line-height: 30px; a{ - color: $font-main; + color: $gray01; @include transition(0.3s); &:hover{ color: $main; @@ -42,14 +42,14 @@ header{ left: -15px; z-index: 10; white-space: nowrap; - background: #ddd; - border: 1px solid #ccc; + background: $gray04; + border: 1px solid $gray03; @include border-radius(0 0 5px 5px); - box-shadow: 0 4px 8px #DDDDDD; + box-shadow: 0 4px 8px $gray04; list-style: none; display: none; li{ - @include border-shadow(#eee, #ccc); + @include border-shadow(#eee, $gray03); &:hover{ background: #d5d5d5; } @@ -64,7 +64,7 @@ header{ padding: 5px 15px; width: 100%; &:hover{ - color: #666; + color: $gray01; } } } @@ -85,8 +85,8 @@ header{ .search{ input[type="text"]{ background: image-url('search.png') 10px center no-repeat #f2f2f2; - color: #999; - border: 1px solid $border; + color: $gray02; + border: 1px solid $gray04; @include border-radius(15px); font: 13px $default; padding: 6px 15px 6px 35px; @@ -95,8 +95,8 @@ header{ &:focus, &:active{ background: image-url('search.png') 10px center no-repeat #fff; width: 150px; - border-top: 1px solid #ccc; - color: $font-main; + border-top: 1px solid $gray03; + color: $gray01; outline: none; } } |