RezHackXYZ/classroomstuff
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added nav

Browse source
This commit is contained in:
RezHackXYZ 2025-05-31 08:38:04 +05:30
parent 8584aa665a
commit 0e75609668
3 changed files with 46 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/routes/tailwind.css
View file

@ -3,11 +3,26 @@
@import "tailwindcss";
:root {
@apply bg-gray-950 text-white;
@apply bg-gray-950 font-[Sour_Gummy] text-white;
}
.btn {
@apply cursor-pointer rounded border-2 border-white bg-gray-600 px-4 py-2 font-bold text-white transition-all hover:scale-105 hover:-rotate-5 hover:bg-gray-500 hover:shadow-lg;
@apply flex cursor-pointer items-center gap-1 rounded border-2 border-white bg-gray-600 px-4 py-2 font-bold text-white transition-all hover:scale-105 hover:bg-gray-500 hover:shadow-lg;
&.compact {
@apply px-1 py-0.5;
}
&.circular {
@apply rounded-full;
&.compact {
@apply px-0.75 py-0.75;
}
}
&.dull {
@apply border-gray-700 bg-transparent text-gray-700 hover:bg-gray-700 hover:text-white;
}
&.green {
@apply bg-green-600 hover:bg-green-500;
@ -15,5 +30,5 @@
}
.card {
@apply shadow-[4px_4px_0px_0px_white] hover:-translate-0.5 hover:shadow-[6px_6px_0px_0px_white] active:translate-0.5 active:shadow-[2px_2px_0px_0px_white] cursor-pointer border-2 border-gray-700 bg-gray-800 p-4 rounded transition-all;
}
@apply cursor-pointer rounded border-2 border-gray-700 bg-gray-800 p-4 shadow-[4px_4px_0px_0px_white] transition-all hover:-translate-0.5 hover:shadow-[6px_6px_0px_0px_white] active:translate-0.5 active:shadow-[2px_2px_0px_0px_white];
}