diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-08-06 11:33:22 +0200 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-08-06 11:33:42 +0200 |
| commit | 11d1c44a1a096bc037a122cc3a6d9f5b7d3b793a (patch) | |
| tree | ff3f23ff088725ea8093f057f353abcfc27af19a /assets | |
| parent | 469d9d88cd35c62b7f399e0b0dfdc339bc3f0055 (diff) | |
Update search box design
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/book.scss | 18 |
1 files changed, 6 insertions, 12 deletions
diff --git a/assets/book.scss b/assets/book.scss index 5a468f0..b8164e1 100644 --- a/assets/book.scss +++ b/assets/book.scss @@ -143,19 +143,12 @@ ul.pagination { input { border: 0; - border-bottom: $padding-1 solid $body-font-color; - outline: none; + border-radius: $padding-4; - padding: $padding-4 $padding-16 + $padding-4; + padding: $padding-8; width: 100%; - background: url("svg/search.svg") left center no-repeat; - background-size: $padding-16; - - opacity: 0.33; - &:focus { - opacity: 1; - } + background: $gray-100; &:required + .book-search-spinner { display: block; @@ -164,8 +157,9 @@ ul.pagination { .book-search-spinner { position: absolute; + margin: $padding-8; right: 0; - top: $padding-4; + top: 0; width: $padding-16; height: $padding-16; @@ -174,7 +168,7 @@ ul.pagination { border-top-color: $body-font-color; border-radius: 50%; - @include spin(1s) + @include spin(1s); } li:last-child { |