Whoemoon Jang
4 months ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with
33 additions and
0 deletions
-
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 |
|
|
|
*******************************/ |
|
|
|