smart phone home et footer

This commit is contained in:
2022-01-06 20:34:33 +01:00
parent 6d81dd976b
commit 0fcfc3225a
5 changed files with 234 additions and 24 deletions
+25 -6
View File
@@ -4,7 +4,7 @@
grid-template-areas: "presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"presentation presentation presentation presentation presentation presentation"
"actus actus actus actus actus actus"
"actus actus actus actus actus actus"
"programme programme programme programme programme programme"
@@ -25,6 +25,13 @@
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat;
@media (max-width: 810px){
background: url("../images/pictos/forme_home_2_smartphone.svg");
background-size: 100%;
background-position-y: bottom;
background-position-x: left;
background-repeat: no-repeat;
}
.node-type-static{
div:first-child{
display: grid;
@@ -119,9 +126,15 @@
}
}
@media (max-width: 810px){
grid-column: 2 / 5;
grid-column: 2;
grid-row:3;
font-size: 0.6rem;
a{
&:after{
display: none;
}
}
}
}
}
@@ -173,8 +186,13 @@
}
@media (max-width: 810px){
grid-area: presentation;
grid-column: 3 /span 4;
grid-row: 3;
grid-column: 5;
grid-row: 4;
.field--type-link { font-size: 0.6rem;
a::after{
display: none;
}
}
}
}
@@ -229,9 +247,10 @@
font-weight: 700;
color: $blue-light;
align-items: center;
font-size: 0.6rem;
}
a::after{
content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
display: none;
}
}
.field--name-field-description{display: none;}
@@ -9,7 +9,9 @@
background-color: $white;
padding-top: 3rem;
@media (max-width: 810px){
flex-direction: column;
}
.region{
display: block;
@@ -28,6 +30,10 @@
margin-left: 3rem;
border: none;
width: 20%;
@media (max-width: 810px){
width: 100%;
margin-left: 0rem;
}
.view-id-partenaires{
.view-content{
@@ -55,7 +61,9 @@
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
@media (max-width: 810px){
width: 100%;
}
#block-socialnetwork {
margin-bottom: 1rem;
@@ -117,7 +125,9 @@
.region-footer-bottom-middle{
width: 60%;
@media (max-width: 810px){
width: 100%;
}
.view-id-partenaires{
.view-content{
display: flex;