bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

réseaux sociaux à droite logo à gauche header

Browse Source
This commit is contained in:
ouidade
2021-12-10 15:14:57 +01:00
parent 379eebde7f
commit 5ddfb22134
4 changed files with 48 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+18 -4
View File
@@ -131,7 +131,7 @@
a {
text-decoration: none; }
@media (max-width: 934px) {
@media (max-width: 959px) {
#block-headermenu {
display: none; }
.page-node-type-static .layout__region--top {
@@ -149,6 +149,11 @@ a {
.path-frontpage .view-display-id-block_2:is(.view-id-home_nodes) .node-type-static .field--name-field-accroche p {
width: 100%; } }
@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; } }
/*pages*/
/*
@import "pages/partials/header_footer";
@@ -455,6 +460,11 @@ a {
margin: auto;
padding-top: 2rem;
padding-bottom: 4rem; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content {
display: flex;
padding-left: 1rem;
width: 80%; } }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .views-row:nth-of-type(1) {
grid-column: 2; }
.path-frontpage .block-region-content .block-views-blockactus-blocks-pages-block-1 .view-actus-blocks-pages .view-content .node-type-actualite {
@@ -508,6 +518,9 @@ a {
min-width: fit-content;
margin-bottom: 2rem;
align-self: end; }
@media (max-width: 479px) {
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 {
grid-column: 3 / span 6; } }
.path-frontpage .block-region-content .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2 .field--type-link {
width: fit-content;
height: fit-content;
@@ -1018,8 +1031,7 @@ header {
align-items: center;
color: black;
font-weight: 800;
flex: 1;
justify-content: space-between; }
flex: 1; }
#header-top .region-header-top-left #block-logogouv {
display: flex;
height: 100%;
@@ -1072,7 +1084,9 @@ header {
color: #009ee3; }
#header-top #block-socialnetwork-2 {
position: relative;
top: -33px; }
top: -33px;
align-self: flex-end;
margin-left: auto; }
#header-top #block-socialnetwork-2 .field--name-body {
min-height: 75px;
margin-right: 1rem; }
web/themes/custom/eql/scss/global/_mediaqueries.scss
+17 -52
View File
@@ -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;
}
}
}
}
}
}
web/themes/custom/eql/scss/pages/_home.scss
+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;
web/themes/custom/eql/scss/partials/_header.scss
+3 -1
View File
@@ -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;