From 6d29dbc9bd52882161ccf047d6f15ae76fa5a289 Mon Sep 17 00:00:00 2001
From: Romulus21 <romain@delanoe.me>
Date: Fri, 1 May 2020 08:52:54 +0200
Subject: [PATCH] css refact

---
 resources/sass/app.scss                  | 28 ++++--------------------
 resources/sass/components/_elements.scss |  7 +++---
 2 files changed, 7 insertions(+), 28 deletions(-)

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 95bd339..0f0ded1 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -3,33 +3,13 @@
 @tailwind components;
 
 
-//@import "setup/reset";
-//@import "setup/colors";
-//@import "setup/fonts";
-//@import "setup/positions";
-//@import "setup/containers";
-//@import "setup/effects";
-//
-@import "components/transitions";
-@import "components/btn";
 @import "components/elements";
-//@import "components/loader";
-//@import "components/main";
+@import "components/btn";
 @import "components/nav";
-//@import "components/topbar";
-//@import "components/modal";
-//@import "components/images";
-//@import "components/avatar";
-//@import "components/alert_box";
-//@import "components/search_box";
-//@import "components/owfont-regular";
-//
-//@import "pages/auth";
-//@import "pages/users";
+@import "components/transitions";
+
 @import "pages/memos";
-//@import "pages/meteo";
-//@import "pages/games";
-//
+
 @import "pages/games/hangman";
 
 
diff --git a/resources/sass/components/_elements.scss b/resources/sass/components/_elements.scss
index 3edc9bf..97bb124 100644
--- a/resources/sass/components/_elements.scss
+++ b/resources/sass/components/_elements.scss
@@ -32,8 +32,6 @@ a {
     }
 }
 
-$modal-duration: 1s;
-
 .modal-container {
     @apply top-0 bottom-0 left-0 right-0 fixed bg-black opacity-50 z-10;
 }
@@ -45,7 +43,7 @@ $modal-duration: 1s;
     transform: translate(-50%, -50%);
     width: 400px;
     animation-name: modalopen;
-    animation-duration: $modal-duration;
+    animation-duration: 0.5s;
 }
 
 .box-toggle {
@@ -64,12 +62,13 @@ $modal-duration: 1s;
         transition: transform 0.3s;
 
         &.open {
+            //@apply rotate-90;
             transform: rotate(90deg);
         }
     }
 
     &-content {
-        padding: 0.5rem 1rem;
+        @apply px-4 py-2;
     }
 }