SWED-2275 style card wide

SwedbankPay · Mar 12, 2024 · 6d84d06 · 6d84d06
1 parent b970ae9
commit 6d84d06
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/src/less/components/card.less b/src/less/components/card.less
@@ -209,6 +209,36 @@
 		// 	}
 		// }
 
+		&:not(:has(> .card-image)) {
+			grid-template-rows: auto auto;
+
+			& .card-cta {
+				padding-block-end: 0;
+			}
+		}
+
+		&:not(:has(> .card-image)):not(:has(.h4)) {
+			grid-template-areas: "icon text-content cta";
+			grid-template-columns: auto 1fr min-content;
+			grid-template-rows: auto;
+			padding: var(--padding-outer);
+
+			& :is(.title-icon, .card-content, .card-cta) {
+				padding: 0;
+			}
+		}
+
+		&:not(:has(> .card-image)):not(:has(.title-icon)):not(:has(.card-content)) {
+			grid-template-areas: "title cta";
+			grid-template-columns: 1fr min-content;
+			grid-template-rows: auto;
+			padding: var(--padding-outer);
+
+			& :is(.h4, .card-cta) {
+				padding: 0;
+			}
+		}
+
 		&:has(> .card-image) {
 			grid-template-areas:
 				"image title"