From a9b843cea1e81f749c641b4c7a6e9c6078df9fc1 Mon Sep 17 00:00:00 2001
From: shawn <shawnsandy04@gmail.com>
Date: Wed, 16 Oct 2024 22:16:39 -0400
Subject: [PATCH] style: update card width variable to 33% across styles

the card width variable (--card-w) has been updated from 30% to 33% in multiple style files. this change affects the following files:
- libs/react/fpkit/src/components/cards/card.scss
- libs/react/fpkit/src/styles/cards/card.css
- libs/react/fpkit/src/styles/index.css

this update ensures consistency in card width styling across the application.
---
 libs/react/fpkit/src/components/cards/card.scss | 2 +-
 libs/react/fpkit/src/styles/cards/card.css      | 2 +-
 libs/react/fpkit/src/styles/index.css           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/libs/react/fpkit/src/components/cards/card.scss b/libs/react/fpkit/src/components/cards/card.scss
index 73dc714c..bbdb3fec 100644
--- a/libs/react/fpkit/src/components/cards/card.scss
+++ b/libs/react/fpkit/src/components/cards/card.scss
@@ -12,7 +12,7 @@
   --card-display: flex;
   --card-direction: column;
   --card-gap: 2rem;
-  --card-w: 30%;
+  --card-w: 33%;
 
   display: var(--card-display);
   flex-direction: var(--card-direction);
diff --git a/libs/react/fpkit/src/styles/cards/card.css b/libs/react/fpkit/src/styles/cards/card.css
index cc7e7b33..0bcd61cb 100644
--- a/libs/react/fpkit/src/styles/cards/card.css
+++ b/libs/react/fpkit/src/styles/cards/card.css
@@ -8,7 +8,7 @@
   --card-display: flex;
   --card-direction: column;
   --card-gap: 2rem;
-  --card-w: 30%;
+  --card-w: 33%;
   display: var(--card-display);
   flex-direction: var(--card-direction);
   gap: var(--card-gap);
diff --git a/libs/react/fpkit/src/styles/index.css b/libs/react/fpkit/src/styles/index.css
index 9cf8acea..25aa762a 100644
--- a/libs/react/fpkit/src/styles/index.css
+++ b/libs/react/fpkit/src/styles/index.css
@@ -654,7 +654,7 @@ figure:has(img[alt]) > figcaption {
   --card-display: flex;
   --card-direction: column;
   --card-gap: 2rem;
-  --card-w: 30%;
+  --card-w: 33%;
   display: var(--card-display);
   flex-direction: var(--card-direction);
   gap: var(--card-gap);