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

43 lines
821 B
SCSS
Raw Normal View History

2017-06-20 11:13:24 +02:00
@import "colors";
@import "common";
2017-06-20 11:13:24 +02:00
@import "constants";
.two-columns {
background-color: #FFFFFF;
2017-06-20 11:13:24 +02:00
@media (min-width: $two-columns-breakpoint) {
background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 50%, $light-grey 50%, $light-grey 100%);
}
2017-06-20 11:13:24 +02:00
.columns-container {
@extend .container;
2017-06-20 11:13:24 +02:00
display: flex;
flex-direction: column;
@media (min-width: $two-columns-breakpoint) {
flex-direction: row;
align-items: stretch;
justify-content: center;
}
2017-06-20 11:13:24 +02:00
}
.column {
padding: $two-columns-padding 0 0;
width: 100%;
max-width: 500px;
2017-06-20 11:13:24 +02:00
@media (min-width: $two-columns-breakpoint) {
padding: $two-columns-padding;
width: 50%;
2017-06-20 11:13:24 +02:00
&:first-child {
padding-left: 0;
}
&:last-child {
padding-right: 0;
}
}
}
}