p5.js-web-editor/client/styles/components/_new-password.scss

31 lines
556 B
SCSS

.new-password {
@extend %modal;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
padding: #{20 / $base-font-size}rem;
align-items: center;
}
.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;
}
}