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

calendrier puce

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-09-26 22:52:31 +02:00
parent d76be6f9e6
commit cfa848d40d
4 changed files with 48 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@@ -41,32 +41,48 @@
}
&.__paragraphs{
::before{
content: '.';
}
// ::before{
// content: '\002022';
// }
}
.paragraph--type--phase-deroulement{
display: flex;
flex-direction: row;
align-items: center;
padding-right: 1rem;
padding-bottom: 1rem;
// padding-bottom: 1rem;
@media(max-width:500px){
flex-direction: column;
align-items: baseline;
padding-bottom: 1rem;
}
.border-symbol{
align-self: end;
font-size: 2.5rem;
display: inline-block; /* Permet d'utiliser height */
line-height: 0; /* Assure que la hauteur est minimale */
transform: translateX(1rem);
@media(max-width:500px){
align-self: center;
font-size: 2.5rem;
display: inline-block;
line-height: 0;
transform: translateY(22.5rem);
padding-right: 3rem;
}
}
// border-bottom: solid black 1px;
&:before{
content:".";
font-size: 4rem;
position: absolute;
top: 50%;
transform: translateY(-50%); /* Centrer parfaitement verticalement */
@media(max-width:550px){
display: none;
}
// &:before{
// content:".";
// font-size: 4rem;
// position: absolute;
// top: 50%;
// transform: translateY(-50%); /* Centrer parfaitement verticalement */
// @media(max-width:550px){
// display: none;
// }
}
// }
.date{
width: fit-content !important;
@@ -153,7 +169,7 @@
width: 41%;
min-width: 35%;
height: 300px;
margin-bottom: 1rem;
@media(max-width:1090px){
height: 200px;