ESY-6582 Tab can include src

SwedbankPay · Mar 5, 2025 · 4b4d406 · 4b4d406
1 parent ec0f1b9
commit 4b4d406
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/_includes/card.html b/_includes/card.html
@@ -44,7 +44,7 @@
 
 {% capture card_attributes %}href="{{ to }}"{% endcapture %}
 
-<a {{ card_attributes }} class="{{ card_class }}" target="{{target}}" >
+<a {{ card_attributes }} class=" flex-fill {{ card_class }}" target="{{target}}" >
     {% if image_src %}
     <img src="{{image_src}}" alt="{{image_alt_text}}" class="{{image_ratio}}" />
     {% endif %}

diff --git a/_sass/swedbank-pay-design-guide-theme.scss b/_sass/swedbank-pay-design-guide-theme.scss
@@ -480,4 +480,22 @@ body {
         display: block;
         position: absolute;
     }
+}
+
+.video-container {
+    width: 100%;
+    max-width: 330px;
+    padding: 0.5rem;
+
+    @media screen and (max-width: $breakpoint-lg) {
+        display: none !important;
+    }
+}
+
+.video-container video {
+    margin: 0;
+    height: 100%;
+    width: 100%;
+    aspect-ratio: 872 / 1080;
+    object-fit: cover;
 }