Update input placeholder styles for empty inputs

laCour · Apr 23, 2017 · 1f11548 · 1f11548
1 parent 4c70870
commit 1f11548
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/scss/helpers/_mixins.scss b/scss/helpers/_mixins.scss
@@ -26,4 +26,8 @@
     filter: none;
     opacity: 0.5;
   }
+
+  &[data-placeholder]:empty::before {
+    color: $base-font-color !important;
+  }
 }
diff --git a/scss/modules/inputs/_messaging.scss b/scss/modules/inputs/_messaging.scss
@@ -48,6 +48,8 @@
 }
 
 #msg_input {
+  @include placeholder;
+
   background: $color-shade-light;
   border-color: $color-shade-mid;
   color: $base-font-color;