From 0a1076fdfc29cbcdbc63e6a789216164a6ba1705 Mon Sep 17 00:00:00 2001
From: yoosangwook <yoo32767@gmail.com>
Date: Mon, 3 Feb 2025 11:08:28 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8chore:=20Sync=20Sass?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/_table.scss |   3 +
 src/styles/_test.scss  | 168 ++++++++++++++++++++---------------------
 2 files changed, 87 insertions(+), 84 deletions(-)

diff --git a/src/styles/_table.scss b/src/styles/_table.scss
index da26923c..6e3e1c04 100644
--- a/src/styles/_table.scss
+++ b/src/styles/_table.scss
@@ -244,6 +244,9 @@ table{
                 &.on{
                     background-color: #272727;
                 }
+                &.wrong{
+                    background-color: #7E3434;
+                }
             }
             td{
                 height: 40px;
diff --git a/src/styles/_test.scss b/src/styles/_test.scss
index c7ecff96..e84a5eda 100644
--- a/src/styles/_test.scss
+++ b/src/styles/_test.scss
@@ -1,84 +1,84 @@
-.test {
-  background-color: #797979;
-  font: 30px sans-serif;
-  font-style: italic;
-  color: white;
-}
-
-.grid-container2 {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr); /* 2개의 열 */
-  grid-template-rows: repeat(6, 30px); /* 6개의 행 */
-  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
-  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
-  gap: 5px; /* 그리드 아이템 사이의 간격 */
-}
-
-.grid-container3 {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr); /* 3개의 열 */
-  grid-template-rows: repeat(6, 30px); /* 6개의 행 */
-  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
-  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
-  gap: 5px; /* 그리드 아이템 사이의 간격 */
-}
-
-.grid-container4 {
-  display: grid;
-  grid-template-columns: repeat(4, 1fr); /* 4개의 열 */
-  grid-template-rows: repeat(6, 30px); /* 6개의 행 */
-  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
-  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
-  gap: 5px; /* 그리드 아이템 사이의 간격 */
-}
-
-.grid-container5 {
-  display: grid;
-  grid-template-columns: repeat(5, 1fr); /* 5개의 열 */
-  grid-template-rows: repeat(5, 30px); /* 5개의 행 */
-  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
-  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
-  gap: 0px; /* 그리드 아이템 사이의 간격 */
-}
-
-.grid-item {
-  width: 100%;
-  height: 100%;
-  border: 1px solid black; /* 그리드 외각선 */
-  text-align: center; /* 그리드 내 가운데 정렬 */
-}
-
-.grid-item2 {
-  padding: 20px;
-  text-align: center;
-  cursor: pointer;
-  border: 1px solid #000;
-}
-
-.grid-item3 {
-  padding: 20px;
-  text-align: center;
-  cursor: pointer;
-  border: 1px solid #000;
-  transition: background-color 0.3s ease;
-}
-
-.grid-item.Y {
-  background-color: #d3d0d0;
-  color: black;
-}
-
-.grid-item.N {
-  background-color: white;
-  color: black;
-}
-
-.grid-item.selected {
-  background-color: #d3d0d0;
-  color: black;
-}
-
-.grid-item.unselected {
-  background-color: white;
-  color: black;
-}
+.test {
+  background-color: #797979;
+  font: 30px sans-serif;
+  font-style: italic;
+  color: white;
+}
+
+.grid-container2 {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr); /* 2개의 열 */
+  grid-template-rows: repeat(6, 30px); /* 6개의 행 */
+  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
+  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
+  gap: 5px; /* 그리드 아이템 사이의 간격 */
+}
+
+.grid-container3 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr); /* 3개의 열 */
+  grid-template-rows: repeat(6, 30px); /* 6개의 행 */
+  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
+  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
+  gap: 5px; /* 그리드 아이템 사이의 간격 */
+}
+
+.grid-container4 {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr); /* 4개의 열 */
+  grid-template-rows: repeat(6, 30px); /* 6개의 행 */
+  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
+  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
+  gap: 5px; /* 그리드 아이템 사이의 간격 */
+}
+
+.grid-container5 {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr); /* 5개의 열 */
+  grid-template-rows: repeat(5, 30px); /* 5개의 행 */
+  justify-items: center; /* 각 그리드 아이템을 수평 가운데 정렬 */
+  align-items: center; /* 각 그리드 아이템을 수직 가운데 정렬 */
+  gap: 0px; /* 그리드 아이템 사이의 간격 */
+}
+
+.grid-item {
+  width: 100%;
+  height: 100%;
+  border: 1px solid black; /* 그리드 외각선 */
+  text-align: center; /* 그리드 내 가운데 정렬 */
+}
+
+.grid-item2 {
+  padding: 20px;
+  text-align: center;
+  cursor: pointer;
+  border: 1px solid #000;
+}
+
+.grid-item3 {
+  padding: 20px;
+  text-align: center;
+  cursor: pointer;
+  border: 1px solid #000;
+  transition: background-color 0.3s ease;
+}
+
+.grid-item.Y {
+  background-color: #d3d0d0;
+  color: black;
+}
+
+.grid-item.N {
+  background-color: white;
+  color: black;
+}
+
+.grid-item.selected {
+  background-color: #d3d0d0;
+  color: black;
+}
+
+.grid-item.unselected {
+  background-color: white;
+  color: black;
+}