From 1f1154833705cd4474cc0c97730d8f7ca2230728 Mon Sep 17 00:00:00 2001 From: Jonathan la Cour Date: Sun, 23 Apr 2017 13:36:57 -0600 Subject: [PATCH] Update input placeholder styles for empty inputs --- scss/helpers/_mixins.scss | 4 ++++ scss/modules/inputs/_messaging.scss | 2 ++ 2 files changed, 6 insertions(+) diff --git a/scss/helpers/_mixins.scss b/scss/helpers/_mixins.scss index 391f5cf7..07caae18 100644 --- 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 index 0f5443df..516d8067 100644 --- 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;