tknuth
/
QR-master
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Add initial global CSS styles, including Tailwind directives, custom animations, and utility classes for common UI components.

This commit is contained in:
Timo 2026-01-04 22:56:48 +01:00
parent 50ebe599f0
commit 0b5ea28fb6
1 changed files with 9 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/styles/globals.css
View File

@ -3,17 +3,23 @@
@tailwind utilities; @tailwind utilities;
@layer utilities { @layer utilities {
/* Floating blob animation for hero background */ /* Floating blob animation for hero background */
@keyframes blob { @keyframes blob {
0%, 100% {
0%,
100% {
transform: translate(0, 0) scale(1); transform: translate(0, 0) scale(1);
} }
25% { 25% {
transform: translate(20px, -30px) scale(1.1); transform: translate(20px, -30px) scale(1.1);
} }
50% { 50% {
transform: translate(-20px, 20px) scale(0.9); transform: translate(-20px, 20px) scale(0.9);
} }
75% { 75% {
transform: translate(30px, 10px) scale(1.05); transform: translate(30px, 10px) scale(1.05);
} }
@ -38,16 +44,9 @@
:root { :root {
--foreground-rgb: 0, 0, 0; --foreground-rgb: 0, 0, 0;
--background-start-rgb: 214, 219, 220; --background-start-rgb: 255, 255, 255;
--background-end-rgb: 255, 255, 255; --background-end-rgb: 255, 255, 255;
} color-scheme: light;
@media (prefers-color-scheme: dark) {
:root {
--foreground-rgb: 255, 255, 255;
--background-start-rgb: 0, 0, 0;
--background-end-rgb: 0, 0, 0;
}
} }
* { * {
@ -75,12 +74,6 @@ a {
text-decoration: none; text-decoration: none;
} }
@media (prefers-color-scheme: dark) {
html {
color-scheme: dark;
}
}
/* Custom scrollbar */ /* Custom scrollbar */
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 6px; width: 6px;