Просмотр исходного кода

Merge pull request #20612 from overleaf/as-cms-card-styles

[web] CMS - Add grey and green border cards

GitOrigin-RevId: dc421ec9032e9d695cba1af4a9536d63cb476400
Jessica Lawshe 2 лет назад
Родитель
Сommit
af811ec1ed
1 измененных файлов с 20 добавлено и 0 удалено
  1. 20 0
      services/web/frontend/stylesheets/bootstrap-5/components/card.scss

+ 20 - 0
services/web/frontend/stylesheets/bootstrap-5/components/card.scss

@@ -149,6 +149,26 @@
       padding: var(--spacing-13);
       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 {
 .card-gray {