0
0
Fork 0

Adding CSS for form errors, adding missing indices

This commit is contained in:
Eugen Rochko 2016-03-16 11:46:25 +01:00
parent a9db42a956
commit 8767a98fbb
4 changed files with 44 additions and 3 deletions

View file

@ -214,6 +214,12 @@
text-align: center;
}
.error_notification {
color: #df405a;
font-weight: 500;
margin-bottom: 15px;
}
.input {
margin-bottom: 15px;
@ -238,7 +244,7 @@
font-size: 14px;
font-family: 'Roboto', sans-serif;
&:focus {
&:focus, &:active {
border-bottom: 2px solid #2b90d9;
padding-bottom: 5px;
}
@ -253,6 +259,24 @@
margin-top: 5px;
color: lighten(#282c37, 25%);
}
&.field_with_errors {
input[type=text], input[type=email], input[type=password], textarea {
border-bottom: 2px solid #df405a;
padding-bottom: 5px;
&:focus, &:active {
border-bottom: 2px solid #2b90d9;
padding-bottom: 5px;
}
}
.error {
display: block;
margin-top: 5px;
color: #df405a;
}
}
}
}