diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2019-09-19 19:58:40 +0200 |
---|---|---|
committer | Thibaut Girka <thib@sitedethib.com> | 2019-09-30 13:57:18 +0200 |
commit | 6c8fefb0c9a0b968c7ab524b94a64056bf604823 (patch) | |
tree | 12559fd71f6da6292b3129b38bb6b2921c10be6b /app/javascript/flavours/glitch/styles/components/search.scss | |
parent | dbb8d9308bf7c78ac22c88365d3e2f7bd1789311 (diff) |
[Glitch] Fix placeholder colors for inputs not being explicitly defined
Port b6df9c10671cd7bf48de3dbd7a94a92fb0a148ec to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/search.scss')
-rw-r--r-- | app/javascript/flavours/glitch/styles/components/search.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/search.scss b/app/javascript/flavours/glitch/styles/components/search.scss index c3ea47eb0..30d69d05c 100644 --- a/app/javascript/flavours/glitch/styles/components/search.scss +++ b/app/javascript/flavours/glitch/styles/components/search.scss @@ -10,6 +10,28 @@ padding-right: 30px; line-height: 18px; font-size: 16px; + + &::placeholder { + color: lighten($darker-text-color, 4%); + } + + &::-moz-focus-inner { + border: 0; + } + + &::-moz-focus-inner, + &:focus, + &:active { + outline: 0 !important; + } + + &:focus { + background: lighten($ui-base-color, 4%); + } + + @media screen and (max-width: 600px) { + font-size: 16px; + } } .search__icon { |