From b4fb4b3a5c9403519bf0eb26e9301ca96dd47317 Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Tue, 26 Jul 2016 05:07:52 -0400
Subject: [PATCH] Add custom colors for form placeholders

---
 scss/_global.scss | 6 ++++++
 scss/_gui.scss    | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/scss/_global.scss b/scss/_global.scss
index d38f995fa..a7c4c64f6 100644
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -106,6 +106,12 @@ $max-text-width: 660px;
     background-size: $size;
 }
 
+@mixin placeholder {
+  &::-webkit-input-placeholder {@content}
+  &:-moz-placeholder {@content}
+  &:-ms-input-placeholder {@content}
+}
+
 @mixin offscreen() {
   position: absolute;
   left: -9999px;
diff --git a/scss/_gui.scss b/scss/_gui.scss
index d9216eea2..f5a91a930 100644
--- a/scss/_gui.scss
+++ b/scss/_gui.scss
@@ -119,6 +119,9 @@ input[type="search"]
 
 input[type="text"], textarea
 {
+  @include placeholder {
+    color: lighten($color-text-dark, 60%);
+  }
   border: 0 none;
   border: 2px solid rgba(160,160,160,.5);
   padding-left: 5px;