chore(BOOK-754): Moved ContentCard to design system and added stories

Approved-by: Bianca Widstam Approved-by: Anton Gunnarsson
2026-01-20 12:37:22 +00:00
parent 510f25a812
commit d7eed5b318
12 changed files with 172 additions and 172 deletions
--- a/packages/design-system/lib/components/ContentCard/contentCard.module.css
+++ b/packages/design-system/lib/components/ContentCard/contentCard.module.css
@@ -0,0 +1,52 @@
+.card {
+  display: grid;
+
+  &:hover {
+    .imageContainer,
+    .image {
+      border-radius: var(--Corner-radius-lg);
+    }
+    .image {
+      transform: scale(1.05);
+    }
+  }
+}
+
+.imageContainer {
+  position: relative;
+  width: 100%;
+  height: 250px;
+  border-radius: var(--Corner-radius-md);
+  overflow: hidden;
+  transition: border-radius 0.3s ease-in-out;
+}
+
+.image {
+  border-radius: var(--Corner-radius-md);
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition:
+    transform 0.3s ease-in-out,
+    border-radius 0.3s ease-in-out;
+}
+
+.promoTag {
+  position: absolute;
+  top: 14px;
+  left: 14px;
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--Space-x15);
+  align-self: stretch;
+  padding: var(--Space-x2) var(--Space-x2) var(--Space-x2) 0;
+}
+
+.link {
+  text-decoration: none;
+  color: inherit;
+}