bachir/drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

redesign blocks présentation et slider actus sur l'intro

Browse Source
This commit is contained in:
Valentin
2024-10-31 20:08:58 +01:00
parent 42ed7763d0
commit c56dadee02
15 changed files with 433 additions and 301 deletions
Download Patch File Download Diff File Expand all files Collapse all files

113
web/themes/erabletheme/scss/_home.scss
View File

@@ -1,61 +1,72 @@
.home_introduction {
background-color: rgb(27, 197, 112); // to remove
position: relative;
border-bottom: solid 2px $teal;
background-color: white;
width: 100%;
box-sizing: border-box;
padding: 4rem 1rem;
h2 {
display: none;
}
> .logo {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 4rem 0;
h2 {
display: none;
}
> div {
z-index: 1;
position: relative;
}
> .logo {
text-align: center;
width: 100%;
margin-bottom: 3rem;
img {
width: 35vw;
@media (min-width: $breakpoint_tablet) {
width: 25vw;
}
@media (min-width: $breakpoint_desktop) {
width: 18vw;
}
}
}
article > div {
height: unset !important;
p {
@include main_text_content();
@media (min-width: $breakpoint_desktop) {
margin-left: 12.5vw;
max-width: 50vw;
}
}
@media (min-width: $breakpoint_tablet) {
padding: 0 !important;
}
}
div.more-link {
@include fluo_button();
margin-top: 3rem;
margin-bottom: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
@media (min-width: $breakpoint_desktop) {
display: flex;
justify-content: flex-end;
}
margin-bottom: 2rem;
img {
width: 50%;
height: auto;
@media (min-width: $breakpoint_tablet) {
width: 100%;
}
@media (min-width: $breakpoint_desktop) {
//width: 18vw;
}
}
@media (min-width: $breakpoint_tablet) {
padding-left: 12.5vw;
padding-right: 12.5vw;
width: 170%;
margin: 0 3rem;
}
}
article > div {
height: unset !important;
min-height: 100%;
p {
@include main_text_content();
width: 100%;
@media (min-width: $breakpoint_tablet) {
padding-right: 3rem;
}
}
@media (min-width: $breakpoint_tablet) {
padding: 0 !important;
}
}
div.more-link {
@include fluo_button();
margin-top: 3rem;
margin-bottom: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
@media (min-width: $breakpoint_tablet) {
position: absolute;
left:0;
right:0;
}
}
@media (min-width: $breakpoint_tablet) {
padding: 8rem 1rem;
padding-top: 4rem;
margin: 6rem 0;
margin-left: 20vw;
margin-right: 20vw;
width: calc(100% - 40vw);
display: flex;
justify-content: space-around;
}
}
// plus sur l'accueil
.home_consultation {
position: relative;
@include beige_gradient();