From af811ec1ed5d45fc156ac08ae632549685bca4f4 Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <5312836+lawshe@users.noreply.github.com>
Date: Mon, 30 Sep 2024 09:05:30 -0500
Subject: [PATCH] Merge pull request #20612 from overleaf/as-cms-card-styles

[web] CMS - Add grey and green border cards

GitOrigin-RevId: dc421ec9032e9d695cba1af4a9536d63cb476400
---
 .../bootstrap-5/components/card.scss          | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/card.scss b/services/web/frontend/stylesheets/bootstrap-5/components/card.scss
index af16932f7c..21e9bd4943 100644
--- a/services/web/frontend/stylesheets/bootstrap-5/components/card.scss
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/card.scss
@@ -149,6 +149,26 @@
       padding: var(--spacing-13);
     }
   }
+
+  &.card-grey-border {
+    background-color: white;
+    border-radius: var(--border-radius-medium);
+    border: 2px solid var(--neutral-20);
+
+    .card-body {
+      padding: var(--spacing-10);
+    }
+  }
+
+  &.card-green-border {
+    background-color: white;
+    border-radius: var(--border-radius-medium);
+    border: 2px solid var(--green-50);
+
+    .card-body {
+      padding: var(--spacing-09);
+    }
+  }
 }
 
 .card-gray {