From 0778850d4d2f10f4fe218b8f1b00e2205a11cdb9 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Fri, 9 Jun 2023 00:04:18 +0200
Subject: [PATCH] Created the ActionCard styles.sass

---
 .../Home/components/ActionCard/styles.sass    | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 webui/src/pages/Home/components/ActionCard/styles.sass

diff --git a/webui/src/pages/Home/components/ActionCard/styles.sass b/webui/src/pages/Home/components/ActionCard/styles.sass
new file mode 100644
index 0000000..f42898d
--- /dev/null
+++ b/webui/src/pages/Home/components/ActionCard/styles.sass
@@ -0,0 +1,27 @@
+@import "@/common/styles/colors"
+
+.action-card
+  display: flex
+  flex-direction: column
+  background-color: $background
+  padding: 2rem 0
+  backdrop-filter: blur(10px)
+  border: 2px solid $border
+  border-radius: 1rem
+  width: 13rem
+  text-align: center
+  gap: 2rem
+  transition: transform 0.2s ease-in-out
+  cursor: pointer
+  user-select: none
+
+  svg
+    font-size: 52pt
+    color: $white
+
+  h1
+    margin: 0
+    color: $white
+
+  &:hover
+    transform: scale(1.1)
\ No newline at end of file