projects/casino
1
1
Fork 0
Code Issues Pull Requests Actions Packages Releases 16 Activity

style: Clean up CSS comments and formatting

Browse Source
This commit is contained in:
Hop In, I Have Puppies AND WiFi 2025-02-12 11:29:37 +01:00
parent 84c06de2e4
commit 8ce4bb1be4
Signed by: jleibl
GPG Key ID: E7B6F77BF5EDB6F7
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/styles.css
View File

@ -20,51 +20,51 @@
body { body {
@apply bg-primary-900 text-gray-100; @apply bg-primary-900 text-gray-100;
} }
/* Buttons */
.button { .button {
@apply px-4 py-2 rounded font-medium transition-all duration-300; @apply px-4 py-2 rounded font-medium transition-all duration-300;
} }
/* Primary Button */
.button-primary { .button-primary {
@apply bg-accent-blue text-gray-100 hover:bg-blue-600 active:bg-blue-700; @apply bg-accent-blue text-gray-100 hover:bg-blue-600 active:bg-blue-700;
} }
/* Secondary Button */
.button-secondary { .button-secondary {
@apply bg-gray-400 text-gray-100 hover:bg-gray-300 active:bg-gray-200; @apply bg-gray-400 text-gray-100 hover:bg-gray-300 active:bg-gray-200;
} }
/* Success Button */
.button-success { .button-success {
@apply bg-accent-green text-primary-900 hover:opacity-90 active:opacity-80; @apply bg-accent-green text-primary-900 hover:opacity-90 active:opacity-80;
} }
/* Disabled Button */
.button-disabled { .button-disabled {
@apply bg-gray-200 text-gray-400 cursor-not-allowed; @apply bg-gray-200 text-gray-400 cursor-not-allowed;
} }
/* Navigation */
.nav-link { .nav-link {
@apply text-gray-100 hover:text-gold-light transition-colors duration-300; @apply text-gray-100 hover:text-gold-light transition-colors duration-300;
} }
.nav-link-active { .nav-link-active {
@apply text-gold; @apply text-gold;
} }
/* Cards */
.card { .card {
@apply bg-primary-800 rounded-lg shadow-lg p-6; @apply bg-primary-800 rounded-lg shadow-lg p-6;
} }
/* Gradients */
.gradient-primary { .gradient-primary {
@apply bg-gradient-to-r from-primary-800 to-primary-600; @apply bg-gradient-to-r from-primary-800 to-primary-600;
} }
/* Button States */
.button:hover { .button:hover {
@apply shadow-lg; @apply shadow-lg;
} }
.button:active { .button:active {
@apply scale-95; @apply scale-95;
} }
.button:focus { .button:focus {
@apply outline-none ring-2 ring-offset-2 ring-accent-blue; @apply outline-none ring-2 ring-offset-2 ring-accent-blue;
} }