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

header fixed

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-03-07 14:44:46 +01:00
parent beb4775cad
commit 1f8059afbd
11 changed files with 2268 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

169
web/themes/custom/quartiers_de_demain/scss/pages/_home.scss
View File

@@ -1,174 +1,5 @@
// #home{
// width: 100%;
// display: grid;
// grid-template-columns: repeat(12, 1fr);
// grid-gap: 10px;
// #block-quartiers-de-demain-views-block-statics-fields-block-1{
// order: 2;
// border-top: 2px solid $blue_QDD;
// padding-top: 0.3rem;
// .views-field-field-pieces-jointes{
// display: flex;
// flex-direction: row;
// &::before{
// content: url(../images/noun-arrow-download.svg);
// padding-right: 00.3rem;
// }
// .field-content{
// display: flex;
// flex-direction: column;
// font-size: 0.6rem;
// font-weight: 800;
// span{
// font-weight: 400;
// }
// }
// }
// }
// .layout-content{
// // grid-column: 3 / 11;
// grid-row: 1;
// order: 2;
// padding-top: 3rem;
// // padding-bottom: 6rem;
// // width: 70%;
// // margin: auto;
// @media(max-width: 891px){
// // width: 90%;
// }
// @media (max-width:500px) {
// padding-top: 0;
// }
// .content_container{
// display: flex;
// #block-quartiers-de-demain-titredepage{
// display: none;
// }
// article.node-type-static{
// width: 100%;
// .field_body{
// padding-left: 20%;
// padding-right: 20%;
// @media (max-width:640px) {
// padding-left: 10%;
// padding-right: 10%;
// }
// // width: 80%;
// h2{
// font-size: $font-medium;
// font-weight: 600;
// margin-bottom: 0;
// }
// img{
// width: 100%;
// height: auto;
// }
// p{
// margin-top: 0;
// }
// }
// .paragraph{
// padding-top: 1rem;
// padding-bottom: 1rem;
// padding-left: 20%;
// padding-right: 20%;
// @media (max-width:640px) {
// padding-left: 10%;
// padding-right: 10%;
// }
// }
// .field_field_textes{
// .field_field_title{
// text-transform: uppercase;
// font-size: $font-big;
// font-weight: 400;
// }
// #paragraph-id--1, #paragraph-id--2, #paragraph-id--6, #paragraph-id--7, #paragraph-id--8{
// .field_field_title{
// color: $blue_QDD;
// }
// }
// #paragraph-id--3, #paragraph-id--4{
// .field_field_title{
// color: $red_QDD;
// }
// }
// #paragraph-id--1, #paragraph-id--2, #paragraph-id--3, #paragraph-id--4, #paragraph-id--6, #paragraph-id--8{
// background-color: $bleu_fond_header;
// }
// #paragraph-id--7, #paragraph-id--8{
// text-align: center;
// }
// #paragraph-id--7{
// display: flex;
// flex-direction: column;
// .field_field_title{
// width: 60%;
// margin: auto;
// }
// .field_field_texte div:nth-child(2){
// display: flex;
// flex-direction: row;
// p{
// padding-right: 30px;
// text-align: left;
// color: $blue_QDD;
// }
// }
// }
// #paragraph-id--8{
// .field_field_texte div:nth-child(2){
// display: flex;
// flex-direction: row;
// p{
// padding-right: 30px;
// text-align: left;
// }
// }
// }
// p{
// margin-bottom: 0;
// // padding-bottom: 1.5rem;
// }
// .field_field_picto{
// height: auto;
// float: inline-start;
// padding-right: 0.5rem;
// img{
// width: 40px;
// height: auto;
// @media(max-width: 891px){
// width: 30px;
// }
// }
// }
// #paragraph-id--9{
// img{
// width: -moz-available;
// height: auto;
// cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
// }
// }
// }
// }
// }
// }
// }
.home footer{
span.totop {
// content: url(../images/up-arrow.svg);
display: inline-flex;
width: 100vw;
background: $bleu_fond_header;

5
web/themes/custom/quartiers_de_demain/scss/pages/_partenaires.scss
View File

@@ -1,11 +1,6 @@
.partenaires{
// font-family: $font-family-default;
.layout-content{
// grid-column: 1 / span 12;
.content_container{
// display: grid;
// grid-template-columns: repeat(12, 1fr);
#block-quartiers-de-demain-titredepage{
grid-column: 3 /span 9;
grid-row: 1;

18
web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss
View File

@@ -3,8 +3,6 @@
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
// grid-gap: 10px;
#block-quartiers-de-demain-views-block-statics-fields-block-1{
order: 2;
border-top: 2px solid $blue_QDD;
@@ -24,18 +22,13 @@
span{
font-weight: 600;
}
}
}
}
.layout-content{
// grid-column: 3 / 11;
grid-row: 1;
order: 2;
padding-top: 3rem;
// padding-bottom: 6rem;
@media (max-width:500px) {
padding-top: 0;
}
@@ -196,11 +189,18 @@
width: -moz-available;
width: 100%;
height: auto;
z-index: 100;
&:hover{
filter: brightness(75%);
transition: 0.2s;
cursor: url(../images/noun-loop-3037049.svg), auto;
cursor: zoom-in;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
z-index: 100;
@media(max-width: 500px){
filter: brightness(100%);
}
}
}
@@ -210,10 +210,10 @@
transform: scale(1.7);
max-width: 100vw;
overflow-x: scroll;
z-index: 100;
&:hover{
filter: brightness(100%);
transition: 0.2s;
// cursor:url(/img/layout/backgrounds/zoom.cur),-moz-zoom-out;
overflow-x: scroll;
}
}