EWPP-4556: Apply a temporary css fix for banner video.

openeuropa · Aug 28, 2024 · 780a995 · 780a995
1 parent 3e2448a
commit 780a995
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/sass/components/_banner.scss b/sass/components/_banner.scss
@@ -0,0 +1,15 @@
+// Small banner - ratio 5:1
+.ecl-banner--s .ecl-banner__image,
+.ecl-banner--s .ecl-banner__video {
+  aspect-ratio: 5/1;
+
+  --css-aspect-ratio: 5/1;
+}
+
+// Large banner - ratio 3:1
+.ecl-banner--l .ecl-banner__image,
+.ecl-banner--l .ecl-banner__video {
+  aspect-ratio: 3/1;
+
+  --css-aspect-ratio: 3/1;
+}
diff --git a/sass/style-ec.scss b/sass/style-ec.scss
@@ -27,3 +27,4 @@
   $font-family: map.get(theme.$theme, 'font-family', 'default'),
 );
 @use "./components/navigation_list";
+@use "./components/banner";
diff --git a/sass/style-eu.scss b/sass/style-eu.scss
@@ -30,3 +30,4 @@
   $font-family: map.get(theme.$theme, 'font-family', 'default'),
 );
 @use "./components/navigation_list";
+@use "./components/banner";