From 74acc0fc5e974f7831b132888e3d68dad81c2470 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 9 Jun 2023 02:57:39 +0200
Subject: [PATCH] Created the SettingsArea index styles.sass

---
 .../components/SettingsArea/styles.sass       | 44 +++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 webui/src/pages/GameCreation/components/SettingsArea/styles.sass

diff --git a/webui/src/pages/GameCreation/components/SettingsArea/styles.sass b/webui/src/pages/GameCreation/components/SettingsArea/styles.sass
new file mode 100644
index 0000000..8e75c36
--- /dev/null
+++ b/webui/src/pages/GameCreation/components/SettingsArea/styles.sass
@@ -0,0 +1,44 @@
+@import "@/common/styles/colors"
+
+.settings-area
+  width: 18rem
+  padding: 0.5rem
+
+  .settings-title
+    display: flex
+    font-size: 20pt
+    font-weight: 600
+    margin-bottom: 0.5rem
+    align-items: center
+    gap: 0.7rem
+
+    svg
+      color: $white
+
+    h2
+      font-size: 22pt
+      color: $white
+      margin: 0
+
+.settings-items
+  padding: 0 0.5rem
+
+  .settings-item
+    display: flex
+    flex-direction: column
+
+    h2
+      margin: 0
+      color: $white
+
+    .settings-input
+      margin: 0.3rem 0
+      padding: 0.3rem 0.5rem
+      border-radius: 0.5rem
+      font-size: 16pt
+      font-weight: 600
+      color: $white
+
+    ::placeholder
+      color: $white
+      opacity: 0.5
\ No newline at end of file