From 2a8f25a6e677cba41855e3d9657a7e40334139b9 Mon Sep 17 00:00:00 2001
From: aronmal <aron@mal-noh.de>
Date: Wed, 10 Aug 2022 23:06:41 +0200
Subject: [PATCH] Move styles and add mixins

---
 frontend/src/{ => styles}/App.scss        |  0
 frontend/src/styles/mixins/display.scss   | 11 +++++++++++
 frontend/src/styles/mixins/effects.scss   | 18 ++++++++++++++++++
 frontend/src/styles/mixins/variables.scss |  1 +
 4 files changed, 30 insertions(+)
 rename frontend/src/{ => styles}/App.scss (100%)
 create mode 100644 frontend/src/styles/mixins/display.scss
 create mode 100644 frontend/src/styles/mixins/effects.scss
 create mode 100644 frontend/src/styles/mixins/variables.scss

diff --git a/frontend/src/App.scss b/frontend/src/styles/App.scss
similarity index 100%
rename from frontend/src/App.scss
rename to frontend/src/styles/App.scss
diff --git a/frontend/src/styles/mixins/display.scss b/frontend/src/styles/mixins/display.scss
new file mode 100644
index 0000000..6edb39c
--- /dev/null
+++ b/frontend/src/styles/mixins/display.scss
@@ -0,0 +1,11 @@
+@mixin flex {
+    display: flex;
+}
+@mixin flex-col {
+    display: flex;
+    flex-direction: column;
+}
+@mixin flex-row {
+    display: flex;
+    flex-direction: row;
+}
\ No newline at end of file
diff --git a/frontend/src/styles/mixins/effects.scss b/frontend/src/styles/mixins/effects.scss
new file mode 100644
index 0000000..d4be8f2
--- /dev/null
+++ b/frontend/src/styles/mixins/effects.scss
@@ -0,0 +1,18 @@
+@mixin transition($timing) {
+    -moz-transition: $timing;
+    -webkit-transition: $timing;
+    -o-transition: $timing;
+    -ms-transition: $timing;
+    transition: $timing;
+}
+@mixin appear($timing) {
+    animation: appear $timing forwards;
+}
+@keyframes appear {
+    From {
+        opacity: 0;
+    }
+    To {
+        opacity: 1;
+    }
+}
\ No newline at end of file
diff --git a/frontend/src/styles/mixins/variables.scss b/frontend/src/styles/mixins/variables.scss
new file mode 100644
index 0000000..ce82152
--- /dev/null
+++ b/frontend/src/styles/mixins/variables.scss
@@ -0,0 +1 @@
+$theme: #282c34;
\ No newline at end of file