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

100 lines
2.4 KiB
SCSS
Raw Normal View History

2023-12-13 15:08:55 +01:00
.fullpage {
margin-bottom: 10vh;
2023-12-13 15:08:55 +01:00
margin-top: -3vh;
padding-top: 3vh;
@include beige_gradient();
2023-12-17 16:49:23 +01:00
position: relative;
2023-12-13 15:08:55 +01:00
> h2 {
@include main_title();
2023-12-17 16:49:23 +01:00
margin-top: 5vh;
2023-12-13 15:08:55 +01:00
margin-bottom: 7vh;
2023-12-17 16:49:23 +01:00
background-color: $beige;
z-index: 1;
position: relative;
width: auto;
display: inline-block;
@media (min-width: $breakpoint_tablet) {
background-color: unset;
}
2023-12-13 15:08:55 +01:00
}
.fullpage_content {
> h2 {
@include main_title();
2023-12-17 16:49:23 +01:00
margin-top: 5vh;
2024-01-06 09:43:37 +01:00
margin-bottom: 1rem;
2023-12-17 16:49:23 +01:00
background-color: $beige;
z-index: 1;
position: relative;
width: auto;
display: inline-block;
@media (min-width: $breakpoint_tablet) {
background-color: unset;
}
2023-12-13 15:08:55 +01:00
}
.sous_titre {
@include main_text_content();
font-size: $l_font_size;
2023-12-13 15:08:55 +01:00
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 {
2024-01-06 09:39:13 +01:00
padding: 0 calc($x_margin / 2);
2023-12-13 15:08:55 +01:00
text-align: right;
margin: 2rem 0;
@include fluo_button();
a {
display: inline-block;
}
@media (min-width: $breakpoint_desktop) {
margin-bottom: 0 !important;
margin: 0;
position: fixed;
2024-01-06 09:39:13 +01:00
left: 75vw;
bottom: 10vh;
> div {
height: 3vh;
}
2023-12-17 16:49:23 +01:00
a {
max-width: calc(25vw - $x_margin * 2);
}
}
}
.file_fixed span:last-of-type {
display: none;
2023-12-13 15:08:55 +01:00
}
2024-01-06 09:39:13 +01:00
h3, h4, h5, h6 {
@include sous_titre();
margin-bottom: 1rem;
2024-01-06 09:43:37 +01:00
padding-left: $x_margin;
2024-01-06 09:39:13 +01:00
}
2023-12-13 15:08:55 +01:00
}
.views-row {
margin-bottom: 8vh;
}
@media (min-width: $breakpoint_tablet) {
2023-12-21 12:48:12 +01:00
margin-top: 12vh;
padding-top: 0;
width: 75vw;
margin-left: 12.5vw;
}
@media (min-width: $breakpoint_desktop) {
2024-01-06 09:39:13 +01:00
width: 50%;
margin-left: 25%;
}
2023-12-17 16:49:23 +01:00
}