fix aspect ratio in safari

Telefonica · Sep 19, 2023 · 6f1381b · 6f1381b
1 parent 27af098
commit 6f1381b
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/card.css.ts b/src/card.css.ts
@@ -387,20 +387,19 @@ export const vars = {aspectRatio};
 
 export const cardContainer = style({
     position: 'relative',
-    aspectRatio,
-    '@supports': {
-        'not (aspect-ratio: 1 / 1)': {
-            display: 'flex',
-            ':before': {
-                float: 'left',
-                content: '""',
-                paddingTop: `calc(100% / ${aspectRatio})`,
-            },
-            ':after': {
-                display: 'block',
-                content: '""',
-                clear: 'both',
-            },
-        },
-    },
+    ...(aspectRatio
+        ? {
+              display: 'flex',
+              ':before': {
+                  float: 'left',
+                  content: '""',
+                  paddingTop: `calc(100% / ${aspectRatio})`,
+              },
+              ':after': {
+                  display: 'block',
+                  content: '""',
+                  clear: 'both',
+              },
+          }
+        : {}),
 });