From 1fd9d0954902725e7d80e4f176e7ba10c0eb5189 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 4 Dec 2025 17:01:30 +0100
Subject: [PATCH] STYLE Add aspect ratio modifiers for cover container in
 narrative card

---
 resources/css/blocks/narrative-card.css | 29 +++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/resources/css/blocks/narrative-card.css b/resources/css/blocks/narrative-card.css
index 2078f77..145fb17 100644
--- a/resources/css/blocks/narrative-card.css
+++ b/resources/css/blocks/narrative-card.css
@@ -75,6 +75,35 @@
     }
   }
 
+  /* Aspect ratio modifiers applied to the cover container */
+  &__cover--ratio-1-1 {
+    aspect-ratio: 1 / 1;
+  }
+  &__cover--ratio-4-3 {
+    aspect-ratio: 4 / 3;
+  }
+  &__cover--ratio-3-4 {
+    aspect-ratio: 3 / 4;
+  }
+  &__cover--ratio-3-2 {
+    aspect-ratio: 3 / 2;
+  }
+  &__cover--ratio-2-3 {
+    aspect-ratio: 2 / 3;
+  }
+  &__cover--ratio-16-9 {
+    aspect-ratio: 16 / 9;
+  }
+  &__cover--ratio-21-9 {
+    aspect-ratio: 21 / 9;
+  }
+  &__cover--ratio-9-16 {
+    aspect-ratio: 9 / 16;
+  }
+  &__cover--ratio-9-21 {
+    aspect-ratio: 9 / 21;
+  }
+
   &__content {
     p {
       @apply text-primary text-lg;