From d101ce31d2b669468e3274582da136fe201eb2fe Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 9 Jun 2023 02:22:49 +0200
Subject: [PATCH] Created the InfoArea styles.sass

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

diff --git a/webui/src/pages/GameCreation/components/InfoArea/styles.sass b/webui/src/pages/GameCreation/components/InfoArea/styles.sass
new file mode 100644
index 0000000..49c8b4f
--- /dev/null
+++ b/webui/src/pages/GameCreation/components/InfoArea/styles.sass
@@ -0,0 +1,40 @@
+@import "@/common/styles/colors"
+
+.info-area
+  h1
+    margin: 0
+    font-size: 42pt
+    color: $white
+
+  .info-subtext
+    margin: 0
+    font-size: 16pt
+    color: $white
+    font-weight: 700
+
+.member-area
+  margin-top: 2rem
+  display: flex
+  flex-direction: column
+
+  .member-title
+    display: flex
+    gap: 1rem
+    align-items: center
+
+    svg
+      font-size: 16pt
+      color: $white
+
+    p
+      margin: 0
+      font-size: 18pt
+      font-weight: 700
+      color: $white
+
+  .member-grid
+    max-width: 30rem
+    margin-top: 1rem
+    display: grid
+    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr))
+    gap: 1.5rem
\ No newline at end of file