about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/search.scss
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2019-09-19 19:58:40 +0200
committerThibaut Girka <thib@sitedethib.com>2019-09-30 13:57:18 +0200
commit6c8fefb0c9a0b968c7ab524b94a64056bf604823 (patch)
tree12559fd71f6da6292b3129b38bb6b2921c10be6b /app/javascript/flavours/glitch/styles/components/search.scss
parentdbb8d9308bf7c78ac22c88365d3e2f7bd1789311 (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.scss22
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 {