etienne-delvarre/tdb-rdb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix couleurs colonnes Début/Milieu/Fin (sélecteurs CSS)

Browse Source
This commit is contained in:
Etienne Delvarre
2026-07-23 15:11:19 +02:00
parent 17d063a2f7
commit 4a8cf8302e
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles.css
+6 -6
View File
@@ -106,18 +106,18 @@
.acte-header { text-align: center; padding-bottom: 12px; }
.acte-label { font-family: 'Playfair Display', serif; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.acte-section[data-acte="Prologue"] .acte-label { color: var(--blue-grey); }
.acte-section[data-acte="Acte 1"] .acte-label { color: var(--brown); }
.acte-section[data-acte="Acte 2"] .acte-label { color: var(--terra); }
.acte-section[data-acte="Acte 3"] .acte-label { color: var(--olive); }
.acte-section[data-acte="Début"] .acte-label { color: var(--brown); }
.acte-section[data-acte="Milieu"] .acte-label { color: var(--terra); }
.acte-section[data-acte="Fin"] .acte-label { color: var(--olive); }
.acte-section[data-acte="Épilogue"] .acte-label { color: var(--plum); }
/* Timeline line */
.timeline-line { height: 3px; background: var(--border); display: flex; min-width: min-content; border-radius: 2px; }
.timeline-segment { flex-shrink: 0; height: 3px; }
.acte-section[data-acte="Prologue"] .timeline-segment { background: var(--blue-grey); }
.acte-section[data-acte="Acte 1"] .timeline-segment { background: var(--brown); }
.acte-section[data-acte="Acte 2"] .timeline-segment { background: var(--terra); }
.acte-section[data-acte="Acte 3"] .timeline-segment { background: var(--olive); }
.acte-section[data-acte="Début"] .timeline-segment { background: var(--brown); }
.acte-section[data-acte="Milieu"] .timeline-segment { background: var(--terra); }
.acte-section[data-acte="Fin"] .timeline-segment { background: var(--olive); }
.acte-section[data-acte="Épilogue"] .timeline-segment { background: var(--plum); }
/* Cards row under each acte */