Webclient - Change placeholder color on settings input

bebac · Jul 23, 2017 · 6c84c55 · 6c84c55
1 parent 8471198
commit 6c84c55
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/webclient/src/components/Settings.vue b/webclient/src/components/Settings.vue
@@ -152,6 +152,11 @@
           padding-bottom: $padding-bottom;
           border-bottom: 2px solid lighten(#ecbb71, 0%);
         }
+
+        @include placeholder
+        {
+          color: #ccc;
+        }
       }
 
       .select-dropdown-icon

diff --git a/webclient/src/styles/_mixins.scss b/webclient/src/styles/_mixins.scss
@@ -11,6 +11,14 @@
           box-sizing: $box-model;
 }
 
+@mixin placeholder
+{
+  &::-webkit-input-placeholder {@content}
+            &:-moz-placeholder {@content}
+           &::-moz-placeholder {@content}
+       &:-ms-input-placeholder {@content}
+}
+
 @mixin keyframes($animation-name)
 {
   @-webkit-keyframes #{$animation-name} {