dev

design-system/primitives/DsHeading.vue

@@ -139,8 +139,5 @@
     &--uppercase {text-transform: uppercase;}
 
     &--info { color: var(--c-info); }
-
-
-
   }
 </style>

design-system/primitives/DsMedia.vue

@@ -28,6 +28,7 @@
     &--16-9 { aspect-ratio: 16 / 9; }
     &--4-3 { aspect-ratio: 4 / 3; }
     &--3-4 { aspect-ratio: 3 / 4; }
+    &--5-4 { aspect-ratio: 5 / 4; }
     &--square { aspect-ratio: 1 / 1; }
 
     .ds-media__img {

design-system/primitives/DsText.vue

@@ -118,6 +118,12 @@
     &--justify {
       text-align: justify;
     }
+    &--left {
+      text-align: right;
+    }
+    &--right {
+      text-align: left;
+    }
 
     // clampé sur 2 lignes pour les cartes (résumé, programme, etc.).
     // Si ça dépasse, ça coupe proprement. Pour du texte de description qui doit tenir dans un cadre, mais qui a été écrit trop long, pour ne pas casser le design du site, on va limiter l'affichage à 2 lignes. c'est pour des espace réduit. Pour ne pas casser le design de la page. J'ai presque écrit 2 lignes, je vais bientôt être censurée.

design-system/tokens/_colors.scss

@@ -6,6 +6,7 @@
     --c-text-invert: #fff;
     --c-text-black-soft: #595959;
 
+
     /* Marque / accent (ex: rouge ONDIF) */
     //--c-brand_rouge: #E30613;
     --c-brand_rouge: #E20018;
@@ -13,6 +14,7 @@
     --c-brand_rouge-weak: #e3061391;
     --c-backgroud-black: #111;
     --c-backgroud-brandreverse: #ACCFCF;
+    --c-bleu: #08a5a5;
     --c-background-blanc-casse: #FCFCFC;
     --c-background-jaune: #fac020;
     --c-background-jaune-clair: #fac0201f;