feat: add navbar component to the application (CAS-32) #18
@ -20,51 +20,51 @@
|
||||
body {
|
||||
@apply bg-primary-900 text-gray-100;
|
||||
}
|
||||
/* Buttons */
|
||||
|
||||
.button {
|
||||
@apply px-4 py-2 rounded font-medium transition-all duration-300;
|
||||
}
|
||||
/* Primary Button */
|
||||
|
||||
.button-primary {
|
||||
@apply bg-accent-blue text-gray-100 hover:bg-blue-600 active:bg-blue-700;
|
||||
}
|
||||
/* Secondary Button */
|
||||
|
||||
.button-secondary {
|
||||
@apply bg-gray-400 text-gray-100 hover:bg-gray-300 active:bg-gray-200;
|
||||
}
|
||||
/* Success Button */
|
||||
|
||||
.button-success {
|
||||
@apply bg-accent-green text-primary-900 hover:opacity-90 active:opacity-80;
|
||||
}
|
||||
/* Disabled Button */
|
||||
|
||||
.button-disabled {
|
||||
@apply bg-gray-200 text-gray-400 cursor-not-allowed;
|
||||
}
|
||||
/* Navigation */
|
||||
|
||||
.nav-link {
|
||||
@apply text-gray-100 hover:text-gold-light transition-colors duration-300;
|
||||
}
|
||||
|
||||
.nav-link-active {
|
||||
@apply text-gold;
|
||||
}
|
||||
/* Cards */
|
||||
|
||||
.card {
|
||||
@apply bg-primary-800 rounded-lg shadow-lg p-6;
|
||||
}
|
||||
/* Gradients */
|
||||
|
||||
.gradient-primary {
|
||||
@apply bg-gradient-to-r from-primary-800 to-primary-600;
|
||||
}
|
||||
|
||||
|
||||
/* Button States */
|
||||
.button:hover {
|
||||
@apply shadow-lg;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
@apply scale-95;
|
||||
}
|
||||
|
||||
.button:focus {
|
||||
@apply outline-none ring-2 ring-offset-2 ring-accent-blue;
|
||||
}
|
||||
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user