drupal-erable/web/themes/erabletheme/scss/_fullpage.scss

96 lines
2.2 KiB
SCSS

.fullpage {
margin-bottom: 10vh;
margin-top: -3vh;
padding-top: 3vh;
@include beige_gradient();
> h2 {
@include main_title();
padding-top: 5vh;
margin-bottom: 7vh;
}
.fullpage_content {
> h2 {
@include main_title();
padding-top: 5vh;
}
.sous_titre {
@include main_text_content();
font-size: $l_font_size;
padding: 0 $x_margin;
}
p {
@include main_text_content();
padding: 0 $x_margin;
margin-bottom: 2rem;
}
p:first-of-type {
margin-top: 7vh;
}
.liens_fixed > div > div, .file_fixed > div > div {
padding: 0 $x_margin;
text-align: right;
margin: 2rem 0;
@include fluo_button();
a {
display: inline-block;
max-width: calc(25vw - $x_margin * 2);
}
@media (min-width: $breakpoint_tablet) {
padding: 0;
}
@media (min-width: $breakpoint_desktop) {
margin-bottom: 0 !important;
margin: 0;
padding: 0 $x_margin;
position: fixed;
right: 0;
bottom: 10vh;
> div {
height: 3vh;
}
}
}
.file_fixed span:last-of-type {
display: none;
}
}
.views-row {
margin-bottom: 8vh;
}
@media (min-width: $breakpoint_tablet) {
margin-top: 10vh;
padding-top: 0;
width: 75vw;
margin-left: 12.5vw;
}
@media (min-width: $breakpoint_desktop) {
width: 50vw;
margin-left: 25vw;
}
}
.fullpage.actus {
@media (min-width: $breakpoint_tablet) {
width: auto;
margin-left: $x_margin;
margin-right: $x_margin;
.actus_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: $breakpoint_desktop) {
.actus_list {
grid-template-columns: repeat(3, 1fr);
}
}
}