mirror of
https://github.com/C9Glax/tranga-website.git
synced 2025-10-18 11:20:46 +02:00
glax
9e9be689d5
Make it easier to flash chapter or download on MangaDetailPage Add "No timelimit" button to actions page Actionspage fix Chapter link
60 lines
1.2 KiB
CSS
60 lines
1.2 KiB
CSS
@import 'tailwindcss';
|
|
@import '@nuxt/ui';
|
|
|
|
@theme {
|
|
--color-pink: #f5a9b8;
|
|
--color-blue: #5bcefa;
|
|
}
|
|
|
|
:root {
|
|
--mangacover-width: 240px;
|
|
--mangacover-height: 350px;
|
|
--mangacover-width-sm: 150px;
|
|
--mangacover-height-sm: 220px;
|
|
}
|
|
|
|
@keyframes shake {
|
|
0% {
|
|
transform: translate(1px, 1px) rotate(0deg);
|
|
}
|
|
10% {
|
|
transform: translate(-1px, -2px) rotate(-1deg);
|
|
}
|
|
20% {
|
|
transform: translate(-3px, 0px) rotate(1deg);
|
|
}
|
|
30% {
|
|
transform: translate(3px, 2px) rotate(0deg);
|
|
}
|
|
40% {
|
|
transform: translate(1px, -1px) rotate(1deg);
|
|
}
|
|
50% {
|
|
transform: translate(-1px, 2px) rotate(-1deg);
|
|
}
|
|
60% {
|
|
transform: translate(-3px, 1px) rotate(0deg);
|
|
}
|
|
70% {
|
|
transform: translate(3px, 1px) rotate(-1deg);
|
|
}
|
|
80% {
|
|
transform: translate(-1px, -1px) rotate(1deg);
|
|
}
|
|
90% {
|
|
transform: translate(1px, 2px) rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: translate(1px, -2px) rotate(-1deg);
|
|
}
|
|
}
|
|
|
|
@keyframes flash {
|
|
0%,
|
|
100% {
|
|
background-color: initial;
|
|
}
|
|
50% {
|
|
background-color: var(--color-secondary);
|
|
}
|
|
} |