DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

Make login responsive

Browse source
This commit is contained in:
Mathieu Magnin 2017-06-14 18:21:24 +02:00
parent b68a8b37e8
commit fb5c7e7d23
1 changed files with 19 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/assets/stylesheets/new_design/login.scss
View file

@ -1,9 +1,8 @@
@import "colors";
@import "placeholders";
@import "mixins";
.two-columns {
background: linear-gradient(to right, white 0%, white 50%, $light-grey 50%, $light-grey 100%);
}
$login-breakpoint: 820px;
.login-wrapper {
@extend %page-width-container;
@ -20,6 +19,23 @@ $login-padding: 60px;
padding: $login-padding;
}
@media (max-width: $login-breakpoint) {
.preview {
display: none;
}
.login-form {
@include horizontal-padding(0);
width: 100%;
}
}
@media (min-width: $login-breakpoint) {
.two-columns {
background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, $light-grey 50%, $light-grey 100%);
}
}
@media (min-width: $page-width + (2 * $login-padding)) {
.preview {
padding-left: 0;