92 lines
1.8 KiB
CSS
92 lines
1.8 KiB
CSS
/*
|
|
Copyright (C) 2022-present Daniel31x13 <daniel31x13@gmail.com>
|
|
This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, version 3.
|
|
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
|
|
You should have received a copy of the GNU General Public License along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Hide scrollbar */
|
|
.hidw-scrollbar::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.hide-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
::selection {
|
|
background-color: #0ea5e9;
|
|
color: white;
|
|
}
|
|
|
|
.hyphens {
|
|
hyphens: auto;
|
|
}
|
|
|
|
.fade-in {
|
|
animation: fade-in-animation 100ms;
|
|
}
|
|
|
|
/* Bug: "lg:block" just didn't work... */
|
|
@media (min-width: 1024px) {
|
|
.lgblock {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in-animation {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.slide-up {
|
|
animation: slide-up-animation 70ms;
|
|
}
|
|
|
|
@keyframes slide-up-animation {
|
|
0% {
|
|
transform: translateY(15%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.slide-right {
|
|
animation: slide-right-animation 200ms;
|
|
}
|
|
|
|
@keyframes slide-right-animation {
|
|
0% {
|
|
transform: translateX(-100%);
|
|
}
|
|
100% {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
.slide-right-with-fade {
|
|
animation: slide-right-animation 150ms;
|
|
}
|
|
|
|
@keyframes slide-right-animation {
|
|
0% {
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
}
|