2016-10-18 20:07:25 +00:00
|
|
|
.new-password {
|
|
|
|
@extend %modal;
|
|
|
|
text-align: center;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
padding: #{20 / $base-font-size}rem;
|
|
|
|
align-items: center;
|
2016-10-18 21:06:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.new-password-form__password-input,
|
|
|
|
.new-password-form__confirm-password-input {
|
|
|
|
width: #{300 / $base-font-size}rem;
|
|
|
|
}
|
|
|
|
|
|
|
|
.new-password-form__field {
|
|
|
|
margin: #{20 / $base-font-size}rem 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.new-password-form {
|
|
|
|
.new-password--invalid & {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.new-password__invalid {
|
|
|
|
display: none;
|
|
|
|
.new-password--invalid & {
|
|
|
|
display: block;
|
|
|
|
}
|
2016-10-18 20:07:25 +00:00
|
|
|
}
|