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

100 lines
2.4 KiB
SCSS

.fullpage {
margin-bottom: 10vh;
margin-top: -3vh;
padding-top: 3vh;
@include beige_gradient();
position: relative;
> h2 {
@include main_title();
margin-top: 5vh;
margin-bottom: 7vh;
background-color: $beige;
z-index: 1;
position: relative;
width: auto;
display: inline-block;
@media (min-width: $breakpoint_tablet) {
background-color: unset;
}
}
.fullpage_content {
> h2 {
@include main_title();
margin-top: 5vh;
margin-bottom: 1rem;
background-color: $beige;
z-index: 1;
position: relative;
width: auto;
display: inline-block;
@media (min-width: $breakpoint_tablet) {
background-color: unset;
}
}
.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 calc($x_margin / 2);
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;
left: 75vw;
bottom: 10vh;
> div {
height: 3vh;
}
a {
max-width: calc(25vw - $x_margin * 2);
}
}
}
.file_fixed span:last-of-type {
display: none;
}
h3, h4, h5, h6 {
@include sous_titre();
margin-bottom: 1rem;
padding-left: $x_margin;
}
}
.views-row {
margin-bottom: 8vh;
}
@media (min-width: $breakpoint_tablet) {
margin-top: 12vh;
padding-top: 0;
width: 75vw;
margin-left: 12.5vw;
}
@media (min-width: $breakpoint_desktop) {
width: 50%;
margin-left: 25%;
}
}