From d2127898a3a1202cce1368d5a181b4377167fd59 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Fri, 9 Jun 2023 02:22:30 +0200 Subject: [PATCH] Created the Member styles.sass --- .../InfoArea/components/Member/styles.sass | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 webui/src/pages/GameCreation/components/InfoArea/components/Member/styles.sass diff --git a/webui/src/pages/GameCreation/components/InfoArea/components/Member/styles.sass b/webui/src/pages/GameCreation/components/InfoArea/components/Member/styles.sass new file mode 100644 index 0000000..d48e067 --- /dev/null +++ b/webui/src/pages/GameCreation/components/InfoArea/components/Member/styles.sass @@ -0,0 +1,28 @@ +@import "@/common/styles/colors" + +.member + display: flex + padding: 0.8rem 2rem + gap: 0.5rem + flex-direction: column + align-items: center + background-color: $background + backdrop-filter: blur(10px) + border: 2px solid $border + border-radius: 0.8rem + cursor: pointer + transition: transform 0.2s ease-in-out + text-align: center + justify-content: center + + svg + font-size: 32pt + color: $white + + p + margin: 0 + color: $white + font-size: 14pt + + &:hover + transform: scale(1.05) rotate(2deg) \ No newline at end of file