From e91574835b356b03b18b3ef6a0ff4f8ea055ecb3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Bilal=20=C3=87=C4=B1narl=C4=B1?= Date: Wed, 6 May 2015 07:58:11 +0300 Subject: [PATCH] Change: %text-field placeholder class added --- lib/melange/elements/forms/_inputs.scss | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/lib/melange/elements/forms/_inputs.scss b/lib/melange/elements/forms/_inputs.scss index 3b9c83c..3df67af 100644 --- a/lib/melange/elements/forms/_inputs.scss +++ b/lib/melange/elements/forms/_inputs.scss @@ -9,10 +9,7 @@ * .text-field class is added in order to styling other elements like a text field */ -#{$_text_fields}, -textarea, -.text-field { - -webkit-appearance: none; +%text-field { outline: 0; padding: $base-input-spacing; border: $base-border-width solid $base-border-color; @@ -41,6 +38,13 @@ textarea, } } +#{$_text_fields}, +textarea, +.text-field { + -webkit-appearance: none; + @extend %text-field; +} + /** * Checkable (checkbox, radio) field styles