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

vm css

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-07-12 20:09:17 +02:00
parent d314a77612
commit 2bd90ffdac
7 changed files with 51 additions and 136 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

File diff suppressed because one or more lines are too long

41
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@ -1067,7 +1067,7 @@ footer {
}
@media (max-width: 1090px) {
#home .timeline {
padding-top: 18rem;
padding-top: 14rem;
overflow: scroll;
}
}
@ -1081,7 +1081,6 @@ footer {
@media (max-width: 1090px) {
#home .timeline .__timeline-arrows {
top: -211px;
display: none;
}
}
#home .timeline .__timeline-arrows button {
@ -1091,6 +1090,11 @@ footer {
#home .timeline .__timeline-arrows button:hover {
opacity: 0.5;
}
@media (max-width: 1090px) {
#home .timeline .__timeline-arrows button svg {
padding: 0.5rem;
}
}
#home .timeline .__timeline-content {
width: 100vw;
padding-top: 7rem;
@ -1141,6 +1145,7 @@ footer {
@media (max-width: 550px) {
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement {
padding-left: 0rem;
width: 240px;
}
}
#home .timeline .__timeline-content .__paragraphs .paragraph--type--phase-deroulement .date {
@ -1385,6 +1390,11 @@ footer {
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated {
transform: scale(2);
}
@media (max-width: 820px) {
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated {
transform: scale(1);
}
}
header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-header.animated .blink-blue {
animation-delay: 0.2s;
animation-name: blink;
@ -2008,7 +2018,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
}
@media (max-width: 700px) {
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(1) {
width: 260px;
width: 230px;
top: 50px;
position: relative;
}
@ -2025,8 +2035,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(2) {
grid-row: 4;
grid-column: 1/span 2;
width: 260px;
width: 230px;
padding-left: 1rem;
top: -10px;
}
}
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
@ -2041,7 +2052,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--7 .field_field_texte .colone-picto svg:nth-of-type(3) {
grid-row: 8;
grid-column: 1/span 2;
width: 260px;
width: 230px;
top: -50px;
left: 0rem;
padding-left: 1rem;
@ -2084,30 +2095,22 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-1-path365 {
stroke-dasharray: 1000; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 5s;
animation: fillAnimation 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 3s;
}
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-2-path367 {
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 8s;
animation: fillAnimation 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 7s;
}
#home article.node-type-static #paragraph-id--7 .colone-picto svg #pillier-3-path369 {
stroke-dasharray: 0; /* Longueur totale du chemin */
stroke-dashoffset: 1000; /* Décalage initial pour cacher le chemin */
animation: fillAnimation2 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation: fillAnimation 10s ease forwards; /* Animation de remplissage sur 2 secondes */
animation-delay: 10s;
}
@keyframes fillAnimation1 {
from {
stroke-dashoffset: 0; /* Début du chemin de décalage complet */
}
to {
stroke-dashoffset: 1000; /* Aucun décalage, le chemin est complètement visible */
}
}
@keyframes fillAnimation2 {
@keyframes fillAnimation {
from {
stroke-dashoffset: 1000; /* Début du chemin de décalage complet */
}