From cee7e5cd1712dfbfb5f7f214267efa5532872e2a Mon Sep 17 00:00:00 2001
From: Ariejan de Vroom <ariejan@devroom.io>
Date: Sun, 28 Oct 2018 10:38:14 +0100
Subject: [PATCH] Extract input placeholder colors to variables (#2168)

* Extract input placeholder colors to variables

This makes it easier to override the color colour of the placeholder text in an input.

* Remove semicolon, because SASS.

This is SASS, not SCSS.
---
 sass/elements/form.sass | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/sass/elements/form.sass b/sass/elements/form.sass
index c73f10fd..c722ba44 100644
--- a/sass/elements/form.sass
+++ b/sass/elements/form.sass
@@ -3,6 +3,7 @@ $input-background-color: $white !default
 $input-border-color: $grey-lighter !default
 $input-height: $control-height !default
 $input-shadow: inset 0 1px 2px rgba($black, 0.1) !default
+$input-placeholder-color: rgba($input-color, 0.3) !default
 
 $input-hover-color: $grey-darker !default
 $input-hover-border-color: $grey-light !default
@@ -15,6 +16,7 @@ $input-focus-box-shadow-color: rgba($link, 0.25) !default
 $input-disabled-color: $text-light !default
 $input-disabled-background-color: $background !default
 $input-disabled-border-color: $background !default
+$input-disabled-placeholder-color: rgba($input-disabled-color, 0.3) !default
 
 $input-arrow: $link !default
 
@@ -47,7 +49,7 @@ $help-size: $size-small !default
   border-color: $input-border-color
   color: $input-color
   +placeholder
-    color: rgba($input-color, 0.3)
+    color: $input-placeholder-color
   &:hover,
   &.is-hovered
     border-color: $input-hover-border-color
@@ -63,7 +65,7 @@ $help-size: $size-small !default
     box-shadow: none
     color: $input-disabled-color
     +placeholder
-      color: rgba($input-disabled-color, 0.3)
+      color: $input-disabled-placeholder-color
 
 .input,
 .textarea