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

/actualites css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-03-13 12:39:52 +01:00
parent 36928232d6
commit efe44ec52a
4 changed files with 376 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss Normal file
View File

@@ -0,0 +1,149 @@
#actualites{
background-color: #f6f7f3;
.layout-content{
// padding-top: 1rem;
.content_container{
display: flex;
flex-direction: column;
align-items: center;
#block-quartiers-de-demain-titredepage{
margin-top: 3rem;
margin-left: 15%;
margin-bottom: 1rem;
width: 70%;
@media(max-width: 810px){
margin-top: 14rem;
}
h1{
width: fit-content;
margin: auto;
text-transform: none;
color: black;
font-size: 2rem;
font-family: "gilroy-medium"
}
}
.views-element-container{
margin-left: 20%;
width: 65%;
.view-rows-wrapper{
display: flex;
flex-direction: column;
flex-wrap: wrap;
.views-row{
width: 100%;
font-size: 0.5rem;
margin-bottom: 1rem;
.node-type-actualite{
width: 100%;
padding-bottom: 7rem;
a{
display: flex;
flex-direction: column;
}
.infos-actu{
order: 1;
display: flex;
flex-direction: row;
padding: 1rem 0rem;
margin-bottom: 1rem;
.field_field_type_d_actualite a{
text-transform: uppercase;
color: red;
font-size: 0.6rem;
font-weight: 600;
display: inline-flex;
align-items: center;
&::before{
content: url('../img/type-actu.svg');
padding-right: 0.4rem;
}
}
.field_field_date{
color: red;
display: inline-flex;
align-items: center;
margin-left: 1rem;
&::before{
content: url('../img/date-actu.svg');
padding-right: 0.4rem;
}
}
}
.field_body {
order: 2;
padding-bottom: 2rem;
p{
font-size: 0.8rem;
}
}
.field_field_liens{
order: 3;
padding-bottom: 2rem;
padding-top: 2rem;
a{
display: flex;
flex-direction: row;
padding-left: 0.5rem;
display: inline-flex;
align-items: center;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
svg{
display: none;
}
&::after{
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
}
}
a:not(.ext){
display: none;
}
}
.field_field_images{
order: 5;
img{
width: 100%;
height: auto;
}
blockquote.image-field-caption{
margin-left: 0;
margin-top: 0;
p{
margin-top: 0;
font-size: 0.4rem;
}
}
}
}
}
}
}
}
}
}

2
web/themes/custom/quartiers_de_demain/src/assets/scss/quartiers_de_demain.scss
View File

@@ -49,6 +49,6 @@
@import "pages/node-type-site";
@import "pages/lessites.scss";
@import "pages/ressources";
@import "pages/actualites";
@import "/home/ouidade/Developer/docker-quartiersdedemain/src/web/modules/custom/q2d_mod/assets/css/carte-interactive-qdd.css";