smart phone home et footer
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user