réseaux sociaux à droite logo à gauche header

This commit is contained in:
2021-12-10 15:14:57 +01:00
parent 379eebde7f
commit 5ddfb22134
4 changed files with 48 additions and 58 deletions
@@ -1,57 +1,6 @@
// @media (max-width: 1325px){
// .path-frontpage{
// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
// position: relative;
// .field--name-field-lien.field--type-link{
// position: relative;
// bottom: +337%;
// }
// .field--name-field-description{
// position: relative;
// bottom: +72%;
// }
// }
// }
// }
// @media (max-width: 1330px){
// .path-frontpage{
// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
// position: relative;
// .field--name-field-lien.field--type-link{
// position: relative;
// bottom: +387%;
// }
// .field--name-field-description{
// position: relative;
// bottom: +132%;
// }
// }
// }
// }
// @media (max-width: 1033px){
// .path-frontpage{
// .block-block-content.block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
// position: relative;
// .field--name-field-lien.field--type-link{
// position: relative;
// bottom: +450%;
// }
// .field--name-field-description{
// position: relative;
// bottom: +126%;
// }
// }
// }
// }
@media (max-width: 934px){
@media (max-width: 959px){
#block-headermenu{
display:none;
}
@@ -95,3 +44,19 @@
}
@media (max-width: 479px){
.path-frontpage{
.block-region-content{
.block-views-blockactus-blocks-pages-block-1{
.view-actus-blocks-pages{
.view-content{
display: flex;
flex-direction: column;
}
}
}
}
}
}
+10 -1
View File
@@ -236,6 +236,11 @@
margin: auto;
padding-top: 2rem;
padding-bottom: 4rem;
@media (max-width: 479px){
display: flex;
padding-left: 1rem;
width: 80%;
}
.views-row:nth-of-type(1) { grid-column: 2; }
.node-type-actualite{
color: $black;
@@ -299,7 +304,11 @@
max-width: 50%;
min-width: fit-content;
margin-bottom: 2rem;
align-self: end;
align-self: end;
@media (max-width: 479px){
grid-column: 3 / span 6;
}
.field--type-link {
width: fit-content;
height: fit-content;
@@ -33,7 +33,7 @@ header{
color: $black;
font-weight: 800;
flex: 1;
justify-content: space-between;
// justify-content: space-between;
#block-logogouv{
display: flex;
@@ -123,6 +123,8 @@ header{
#block-socialnetwork-2{
position: relative;
top: -33px;
align-self: flex-end;
margin-left: auto;
// display: none;
.field--name-body{
min-height: 75px;