Adding CSS for form errors, adding missing indices
This commit is contained in:
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user