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

122 lines
2 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-breakpoint: $two-columns-breakpoint;
2017-06-13 17:46:08 +02:00
.preview {
font-size: 24px;
2017-06-15 18:08:13 +02:00
.paperless-logo {
2017-06-13 17:46:08 +02:00
width: 100%;
margin-bottom: 60px;
@media (max-width: $auth-breakpoint) {
display: none;
}
2017-06-13 17:46:08 +02:00
}
h3 {
color: $blue;
font-weight: bold;
}
2017-06-15 18:08:13 +02:00
.close-procedure {
font-size: 12px;
}
.procedure-title {
font-size: 30px;
margin: 20px 0 0;
@media (min-width: $auth-breakpoint) {
margin: 50px 0 32px;
}
2017-06-15 18:08:13 +02:00
}
.procedure-description {
font-size: 14px;
@media (max-width: $auth-breakpoint) {
display: none; // TO FIX : make this description available for small devices
}
2017-06-15 18:08:13 +02:00
}
.procedure-logos {
display: flex;
justify-content: space-around;
img {
max-height: 50px;
max-width: 100%;
2017-06-15 18:08:13 +02:00
margin: 0 10px;
@media (min-width: $auth-breakpoint) {
max-height: 130px;
max-width: 500px;
}
2017-06-15 18:08:13 +02:00
}
}
2017-06-13 17:46:08 +02:00
}
.auth-form {
2017-06-13 17:46:08 +02:00
.reset-password {
margin-top: - 3 * $default-spacer;
margin-bottom: $default-spacer;
}
.remember-me {
display: inline-block;
2017-06-13 17:46:08 +02:00
}
.separation {
font-size: 14px;
color: $grey;
margin: 24px 0;
}
.login-with-fc {
display: inline-block;
height: 52px;
width: 186px;
margin: auto;
margin-bottom: 8px;
background-image: image-url("login-with-fc.svg");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
&:hover {
background-image: image-url("login-with-fc-hover.svg");
}
}
hr {
margin-top: 60px;
margin-bottom: 20px;
background-color: $grey;
border: none;
height: 1px;
}
.register {
display: flex;
justify-content: space-between;
align-items: center;
span {
font-size: 18px;
font-weight: bold;
}
}
}
.identity-form {
@media (max-width: $two-columns-breakpoint) {
input[type=submit] {
margin-bottom: 2 * $default-padding;
}
}
}