Adding border to cards

nx-academy · Jul 28, 2024 · 92fec30 · 92fec30
1 parent 069318a
commit 92fec30
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/src/components/CheatsheetCard.astro b/src/components/CheatsheetCard.astro
@@ -31,14 +31,17 @@ const {
 <style>
     div {
         display: grid;
-        margin-bottom: 2rem;
+        margin-bottom: 1rem;
+        background-color: #252525;
+        padding: 1rem;
+        border-radius: 8px;
 
         grid-template-areas: "image"
             "title"
             "description"
             "link"
         ;
-        gap: .75rem;
+        gap: 1rem;
     }
 
     p {
@@ -61,6 +64,7 @@ const {
 
     .link {
         grid-area: link;
+        margin-top: auto;
     }
 
     .link :global(a) {

diff --git a/src/config/theme.ts b/src/config/theme.ts
@@ -5,7 +5,8 @@ const descriptiveColorVariables = {
     safetyOrange: "#FE7600",
     amber: "#FFC107",
     frenchGrey: "#B0BEC5",
-    bitterSweet: "#FF5252"
+    bitterSweet: "#FF5252",
+    mineShaft: "#252525"
 }
 
 const theme = {