demarches-normaliennes/app/assets/stylesheets/new_design/auth.scss

64 lines
1.1 KiB
SCSS
Raw Normal View History

2017-06-13 17:46:08 +02:00
@import "colors";
@import "constants";
2017-06-13 17:46:08 +02:00
@import "placeholders";
2017-06-14 18:21:24 +02:00
@import "mixins";
2017-06-13 17:46:08 +02:00
#auth {
// On small screens, hide the procedure description text on auth pages.
// It avoids pushing the sign-in/sign-up form out of the viewport.
//
// The procedure description can still be read from the /commencer
// pages.
@media (max-width: $two-columns-breakpoint) {
.procedure-description {
display: none;
}
}
}
.auth-form {
.auth-options {
display: flex;
justify-content: space-between;
margin-bottom: 4 * $default-spacer;
}
.remember-me {
display: inline-block;
margin-bottom: 0;
2017-06-13 17:46:08 +02:00
}
hr {
margin-top: 30px;
margin-bottom: 30px;
2017-06-13 17:46:08 +02:00
background-color: $grey;
border: none;
height: 1px;
}
.register {
display: flex;
justify-content: space-between;
align-items: center;
span {
font-size: 18px;
font-weight: bold;
}
}
.auth-signup-button {
white-space: nowrap;
}
2017-06-13 17:46:08 +02:00
}
.sign-in-form .form {
input[type="password"] {
margin-bottom: $default-spacer;
}
input[type="checkbox"] {
margin-bottom: 0;
}
}