From 52b89a03772541e2d70c36bccce56ad4527e24e1 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Wed, 21 Aug 2024 12:34:25 -0500
Subject: [PATCH] Merge pull request #19990 from overleaf/jel-cms-pattern-cards

[web] Add new card options to CMS

GitOrigin-RevId: ca19f155a3b4da120f3e3a78800a0b0e5154468e
---
 .../frontend/stylesheets/components/card.less | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)

diff --git a/services/web/frontend/stylesheets/components/card.less b/services/web/frontend/stylesheets/components/card.less
index af72dce73a..67e7bfc512 100644
--- a/services/web/frontend/stylesheets/components/card.less
+++ b/services/web/frontend/stylesheets/components/card.less
@@ -139,4 +139,63 @@
       width: 100%;
     }
   }
+
+  &.card-pattern {
+    border-radius: var(--border-radius-medium-new);
+    color: var(--white);
+    padding: var(--spacing-13);
+    text-align: center;
+    background-size: cover;
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.4) 0%,
+        var(--dark-jungle-green) 25%,
+        var(--dark-jungle-green) 75%,
+        rgba(0, 0, 0, 0.4) 100%
+      ),
+      url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
+
+    h2 {
+      .heading-lg();
+    }
+    p {
+      .body-lg();
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--white);
+    }
+  }
+
+  &.card-pattern-left-only {
+    border-radius: var(--border-radius-medium-new);
+    color: var(--white);
+    padding: var(--spacing-13);
+    background-size: cover;
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.4) 0%,
+        var(--dark-jungle-green) 20%,
+        var(--dark-jungle-green) 100%
+      ),
+      url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
+    h2 {
+      .heading-lg();
+    }
+    p {
+      .body-lg();
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--white);
+    }
+  }
 }