[Glitch] Fix placeholder colors for inputs not being explicitly defined

Port b6df9c1067 to glitch-soc Signed-off-by: Thibaut Girka <thib@sitedethib.com>
2019-09-19 19:58:40 +02:00
parent dbb8d9308b
commit 6c8fefb0c9
5 changed files with 56 additions and 18 deletions
--- 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 {