css refact

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";
 
 

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;
     }
 }