From 93d77fd09cbab618796234d3f8dbc9080f5e54e1 Mon Sep 17 00:00:00 2001
From: tenax66 <hiyoshir+tenax66@gmail.com>
Date: Mon, 17 Mar 2025 23:24:59 +0900
Subject: [PATCH] use border instead of box-shadow

---
 components/Card.module.scss | 27 +++++++++++----------------
 1 file changed, 11 insertions(+), 16 deletions(-)

diff --git a/components/Card.module.scss b/components/Card.module.scss
index 3ad4af6..a0c1fb5 100644
--- a/components/Card.module.scss
+++ b/components/Card.module.scss
@@ -9,10 +9,9 @@
 }
 
 .children {
-  box-shadow:
-    inset 2px 0 0 0 var(--theme-text),
-    inset -2px 0 0 0 var(--theme-text),
-    inset 0 -2px 0 0 var(--theme-text);
+  border-left: 2px solid var(--theme-text);
+  border-right: 2px solid var(--theme-text);
+  border-bottom: 2px solid var(--theme-text);
   display: block;
   padding-top: calc(var(--theme-line-height-base) * 0.5rem);
   padding-left: 2ch;
@@ -37,34 +36,30 @@
 .left {
   min-width: 10%;
   width: 100%;
-  box-shadow:
-    inset 2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-left: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 2ch 0px 1ch;
 }
 
 .leftCorner {
   flex-shrink: 0;
-  box-shadow:
-    inset 2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-left: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 1ch 0px 1ch;
 }
 
 .right {
   min-width: 10%;
   width: 100%;
-  box-shadow:
-    inset -2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-right: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 2ch 0px 1ch;
 }
 
 .rightCorner {
   flex-shrink: 0;
-  box-shadow:
-    inset -2px 0 0 0 var(--theme-text),
-    inset 0 2px 0 0 var(--theme-text);
+  border-right: 2px solid var(--theme-text);
+  border-top: 2px solid var(--theme-text);
   padding: calc((var(--font-size) * 0.5) * var(--theme-line-height-base)) 1ch 0px 1ch;
 }