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

76 lines
1.7 KiB
SCSS
Raw Normal View History

2017-06-20 11:13:24 +02:00
@import "colors";
@import "constants";
@import "placeholders";
2017-06-20 11:13:24 +02:00
.two-columns {
@media (min-width: $two-columns-breakpoint) {
2023-11-13 14:42:51 +01:00
background: linear-gradient(to right, transparent 0%, transparent 50%, var(--background-alt-blue-france) 50%, var(--background-alt-blue-france) 100%);
}
2017-06-20 11:13:24 +02:00
.columns-container { // TODO: https://github.com/betagouv/demarches-simplifiees.fr/issues/7882, once implemented, we won't need container anymore
@extend %container;
2017-06-20 11:13:24 +02:00
display: flex;
flex-direction: column;
justify-content: center;
@media (min-width: $two-columns-breakpoint) {
flex-direction: row;
align-items: stretch;
justify-content: space-between;
}
2017-06-20 11:13:24 +02:00
}
.column {
width: 100%;
max-width: 500px;
margin: 0 auto;
padding: ($default-padding * 2) 0 0 0;
&:last-of-type {
padding-bottom: $default-padding * 2;
}
2017-06-20 11:13:24 +02:00
@media (min-width: $two-columns-breakpoint) {
width: 45%;
margin: 0;
padding: $two-columns-padding 0 $two-columns-padding 0;
&:last-of-type {
padding-bottom: $two-columns-padding;
}
2017-06-20 11:13:24 +02:00
}
}
}
.one-column-centered {
margin: auto;
max-width: $page-width / 2;
}
.blank-tab {
text-align: center;
}
.sticky--top {
position: sticky;
// scss-lint:disable VendorPrefix
2024-02-13 14:16:33 +01:00
position: -webkit-sticky; // This is needed on Safari (tested on 12.1)
// scss-lint:enable VendorPrefix
2024-02-13 14:16:33 +01:00
top: 1rem;
}
.sticky--bottom {
position: sticky;
// scss-lint:disable VendorPrefix
2024-02-13 14:16:33 +01:00
position: -webkit-sticky; // This is needed on Safari (tested on 12.1)
// scss-lint:enable VendorPrefix
bottom: 0;
z-index: 10; // above DSFR btn which are at 1
}
html.scroll-margins-for-sticky-footer {
scroll-padding: 0 0 100px 0;
}