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

insert svg dans twig & css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-04 12:54:09 +02:00
parent 8d43073a18
commit 7a39b7c42e
6 changed files with 109 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@@ -148,7 +148,7 @@
}
}
}
#paragraph-id--7{
#paragraph-id--7{ ///////// les piliers
background-color: #0833c2ff;
display: flex;
flex-direction: column;
@@ -165,43 +165,74 @@
.field_field_texte{
width: 80%;
.colone-picto{
display: flex;
flex-direction:row ;
justify-content: center;
// display: flex;
// flex-direction:row ;
// justify-content: center;
margin-top: 2rem;
display: grid;
grid-template-columns: repeat(6 auto);
grid-template-rows: repeat(3 1fr);
h5{
font-size: 5rem;
font-weight: 800;
margin-bottom: 0;
margin: 0;
}
h5:nth-of-type(1){
grid-row: 2;
grid-column: 1;
}
h5:nth-of-type(2){
grid-row: 2;
grid-column: 3;
}
h5:nth-of-type(3){
grid-row: 1;
grid-column: 5;
}
p{
width: 30%;
display: flex;
flex-direction:column ;
font-size: 1rem;
font-weight: 400;
margin: 0;
&:not(:last-of-type){
padding-right: 2rem;
}
&:nth-of-type(1)::before{
content: url("../img/pillier-1-full.svg");
padding-bottom: 1rem;
}
&:nth-of-type(2)::after{
content: url("../img/pillier-2-full.svg");
padding-top: 1rem;
}
&:nth-of-type(3)::before{
content: url("../img/pillier-3-full.svg");
padding-bottom: 1rem;
}
}
svg:nth-of-type(1){
grid-row: 1 /span 2;
grid-column: 1 /span 2;
}
svg:nth-of-type(2){
grid-row: 3;
grid-column: inherit;
}
svg:nth-of-type(3){
grid-row: 1 /span 2;
grid-column: 5 /span 6;
}
p:nth-of-type(1){
grid-row: 3;
grid-column: 1 /span 2;
}
p:nth-of-type(2){
grid-row: 1;
}
p:nth-of-type(3){
grid-row: 3;
grid-column: 5;
}
}
}
}
#paragraph-id--9{display: none;}
}
.paragraph--type--static-parts:not(#paragraph-id--7){
#svg1{
display: none;
}
}
}