Update search box design
This commit is contained in:
parent
469d9d88cd
commit
11d1c44a1a
3 changed files with 8 additions and 14 deletions
|
@ -143,19 +143,12 @@ ul.pagination {
|
||||||
|
|
||||||
input {
|
input {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-bottom: $padding-1 solid $body-font-color;
|
border-radius: $padding-4;
|
||||||
outline: none;
|
|
||||||
|
|
||||||
padding: $padding-4 $padding-16 + $padding-4;
|
padding: $padding-8;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
background: url("svg/search.svg") left center no-repeat;
|
background: $gray-100;
|
||||||
background-size: $padding-16;
|
|
||||||
|
|
||||||
opacity: 0.33;
|
|
||||||
&:focus {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:required + .book-search-spinner {
|
&:required + .book-search-spinner {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -164,8 +157,9 @@ ul.pagination {
|
||||||
|
|
||||||
.book-search-spinner {
|
.book-search-spinner {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
margin: $padding-8;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: $padding-4;
|
top: 0;
|
||||||
|
|
||||||
width: $padding-16;
|
width: $padding-16;
|
||||||
height: $padding-16;
|
height: $padding-16;
|
||||||
|
@ -174,7 +168,7 @@ ul.pagination {
|
||||||
border-top-color: $body-font-color;
|
border-top-color: $body-font-color;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
||||||
@include spin(1s)
|
@include spin(1s);
|
||||||
}
|
}
|
||||||
|
|
||||||
li:last-child {
|
li:last-child {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1 +1 @@
|
||||||
{"Target":"book.min.0df04f6bec79ae69bc31fcae7e701cf43ad4f0eb54e8d339649bc0c3bc4801ca.css","MediaType":"text/css","Data":{"Integrity":"sha256-DfBPa+x5rmm8MfyufnAc9DrU8OtU6NM5ZJvAw7xIAco="}}
|
{"Target":"book.min.ddaf846fe3e091c10c315251bd0ca689b364c4df4335e1bdb4a921a9b9492fc3.css","MediaType":"text/css","Data":{"Integrity":"sha256-3a+Eb+PgkcEMMVJRvQymibNkxN9DNeG9tKkhqblJL8M="}}
|
Loading…
Reference in a new issue