Adding CSS for form errors, adding missing indices
This commit is contained in:
parent
a9db42a956
commit
8767a98fbb
4 changed files with 44 additions and 3 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue