Working login form with password reset functionality.
This commit is contained in:
parent
c3e462ab2f
commit
d63624f607
21 changed files with 232 additions and 324 deletions
|
@ -11,23 +11,18 @@
|
|||
transition: border 500ms ease-out;
|
||||
}
|
||||
|
||||
&:focus + label, &:valid + label {
|
||||
&:focus + label, &:valid + label, &.has-content + label {
|
||||
@apply .text-grey-darker .px-0 .cursor-pointer;
|
||||
transform:translateY(-26px)
|
||||
}
|
||||
|
||||
&:invalid + label {
|
||||
@apply .text-grey .px-1;
|
||||
transform:translateY(0)
|
||||
}
|
||||
|
||||
&:required {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
.input-open > label {
|
||||
@apply .block .uppercase .tracking-wide .text-grey .text-xs .mb-2 .absolute .px-1;
|
||||
@apply .block .uppercase .tracking-wide .text-grey .text-xs .mb-2 .absolute;
|
||||
top: 14px;
|
||||
transition: transform 200ms ease-out;
|
||||
}
|
||||
|
|
|
@ -19,7 +19,7 @@
|
|||
@apply .p-4 .w-full .uppercase .tracking-wide .text-sm;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
&:disabled, &.disabled {
|
||||
opacity: 0.55;
|
||||
cursor: default;
|
||||
}
|
||||
|
|
Reference in a new issue