From cc2ae2fa45962cea4fc9157febca085bf45125dc Mon Sep 17 00:00:00 2001 From: palindrom615 Date: Fri, 12 Oct 2018 09:36:46 +0000 Subject: [PATCH] Added less attribute for invalid pseudo class --- src/definitions/elements/input.less | 33 +++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/src/definitions/elements/input.less b/src/definitions/elements/input.less index 22d439f12..bb0ec6400 100755 --- a/src/definitions/elements/input.less +++ b/src/definitions/elements/input.less @@ -202,6 +202,39 @@ color: @placeholderErrorFocusColor !important; } +/*-------------------- + Invalid +---------------------*/ + +.ui.input > input:invalid { + background-color: @errorBackground; + border-color: @errorBorder; + color: @errorColor; + box-shadow: @errorBoxShadow; +} + +/* Error Placeholder */ +.ui.input > input:invalid::-webkit-input-placeholder { + color: @placeholderErrorColor; +} +.ui.input > input:invalid::-moz-placeholder { + color: @placeholderErrorColor; +} +.ui.input > input:invalid:-ms-input-placeholder { + color: @placeholderErrorColor !important; +} + +/* Focused Error Placeholder */ +.ui.input > input:invalid:focus::-webkit-input-placeholder { + color: @placeholderErrorFocusColor; +} +.ui.input > input:invalid:focus::-moz-placeholder { + color: @placeholderErrorFocusColor; +} +.ui.input > input:invalid:focus:-ms-input-placeholder { + color: @placeholderErrorFocusColor !important; +} + /******************************* Variations *******************************/