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

fonts arrow

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-03-07 12:48:20 +01:00
parent 84e00eaaa9
commit 5ee93dd988
4267 changed files with 746618 additions and 284 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/themes/custom/quartiers_de_demain/scss/global/variables/_colors.scss
View File

@@ -6,7 +6,6 @@
$background-home: rgb(255, 255, 255);
$white-button: rgb(255, 255, 255);
$white-header:rgb(255, 255, 255);
$yellow-puca: #fdc300;
$bleu_fond_header: rgb(232, 235, 244);
$red_QDD: rgb(247, 0, 43);
$blue_QDD: rgb(7, 50, 194);

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

@@ -1,173 +1,174 @@
#home{
width: 100%;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
// #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;
}
// #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;
}
// }
// }
// }
// .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%;
// article.node-type-static{
// width: 100%;
.field_body{
padding-left: 20%;
padding-right: 20%;
@media (max-width:640px) {
padding-left: 10%;
padding-right: 10%;
}
// .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%;
}
// // 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;
}
// }
// .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--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;
}
}
}
}
}
}
// #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/_presentation.scss
View File

@@ -196,10 +196,11 @@
width: -moz-available;
width: 100%;
height: auto;
cursor: url(/img/layout/backgrounds/zoom.cur), -moz-zoom-in;
&:hover{
filter: brightness(75%);
transition: 0.2s;
cursor: url(../images/noun-loop-3037049.svg), auto;
}
}
@@ -212,7 +213,7 @@
&:hover{
filter: brightness(100%);
transition: 0.2s;
cursor:url(/img/layout/backgrounds/zoom.cur),-moz-zoom-out;
// cursor:url(/img/layout/backgrounds/zoom.cur),-moz-zoom-out;
overflow-x: scroll;
}
}

14
web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss
View File

@@ -2,6 +2,8 @@ footer{
span.totop {
display: inline-flex;
width: 100vw;
// content: url(../images/up-arrow.svg);
// background: $bleu_fond_header;
#toTop{
margin: auto;
@@ -9,7 +11,7 @@ footer{
border-top-left-radius: 10%;
border-top-right-radius: 10%;
padding-bottom: 0.5rem;
.fa-arrow-up{
.arrow-up{
font-size: 1.7rem;
line-height: 2.5rem;
text-align: center;
@@ -18,9 +20,13 @@ footer{
height: 2rem;
display: inline-block;
text-align: top;
.fa{
color: #fff;
}
&::before{
content:url(../images/up-arrow.svg) ;
width: 50%;
}
// .fa{
// color: #fff;
// }
}
}