diff --git a/_sass/klise/_dark.scss b/_sass/klise/_dark.scss index 32726e2..84a7cb6 100644 --- a/_sass/klise/_dark.scss +++ b/_sass/klise/_dark.scss @@ -234,12 +234,14 @@ body[data-theme="dark"] { .solution:hover { color: $dark-text-link-blue-active; } - } + } .search-article { input[type="search"] { color: $dark-text-base-color; + &::-webkit-input-placeholder { + color: rgba(128,128,128,0.8); + } } } - } diff --git a/_sass/klise/_layout.scss b/_sass/klise/_layout.scss index ea8f196..7d87780 100644 --- a/_sass/klise/_layout.scss +++ b/_sass/klise/_layout.scss @@ -338,18 +338,27 @@ } input[type="search"] { - border: 0; top: 0; left: 0; - position: absolute; + border: 0; width: 100%; + height: 40px; + outline: none; + position: absolute; border-radius: 5px; padding: 10px 10px 10px 35px; - font-size: $base-font-size; color: $text-base-color; + -webkit-appearance: none; + font-size: $base-font-size; background-color: rgba(128, 128, 128, 0.1); border: 1px solid rgba(128, 128, 128, 0.1); - outline: none; + &::-webkit-input-placeholder { + color: #808080; + } + &::-webkit-search-decoration, + &::-webkit-search-results-decoration { + display: none; + } } }