css refact
This commit is contained in:
28
resources/sass/app.scss
vendored
28
resources/sass/app.scss
vendored
@@ -3,33 +3,13 @@
|
|||||||
@tailwind components;
|
@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/elements";
|
||||||
//@import "components/loader";
|
@import "components/btn";
|
||||||
//@import "components/main";
|
|
||||||
@import "components/nav";
|
@import "components/nav";
|
||||||
//@import "components/topbar";
|
@import "components/transitions";
|
||||||
//@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 "pages/memos";
|
@import "pages/memos";
|
||||||
//@import "pages/meteo";
|
|
||||||
//@import "pages/games";
|
|
||||||
//
|
|
||||||
@import "pages/games/hangman";
|
@import "pages/games/hangman";
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
7
resources/sass/components/_elements.scss
vendored
7
resources/sass/components/_elements.scss
vendored
@@ -32,8 +32,6 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$modal-duration: 1s;
|
|
||||||
|
|
||||||
.modal-container {
|
.modal-container {
|
||||||
@apply top-0 bottom-0 left-0 right-0 fixed bg-black opacity-50 z-10;
|
@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%);
|
transform: translate(-50%, -50%);
|
||||||
width: 400px;
|
width: 400px;
|
||||||
animation-name: modalopen;
|
animation-name: modalopen;
|
||||||
animation-duration: $modal-duration;
|
animation-duration: 0.5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box-toggle {
|
.box-toggle {
|
||||||
@@ -64,12 +62,13 @@ $modal-duration: 1s;
|
|||||||
transition: transform 0.3s;
|
transition: transform 0.3s;
|
||||||
|
|
||||||
&.open {
|
&.open {
|
||||||
|
//@apply rotate-90;
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&-content {
|
&-content {
|
||||||
padding: 0.5rem 1rem;
|
@apply px-4 py-2;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user