Refactored stylesheet

This commit is contained in:
2024-08-15 02:07:11 +02:00
parent 241c5019c0
commit 32be24bca9
6 changed files with 162 additions and 139 deletions

View File

@@ -2,12 +2,35 @@
@tailwind components;
@tailwind utilities;
/*
@layer components {
.btn {
@apply px-4 py-2 font-semibold text-white transition-colors duration-100 bg-opacity-100 shadow bg-hsrm-gray-light hover:bg-opacity-75 ;
}
.btn-primary {
@apply py-2 px-4 bg-blue-200;
@apply bg-hsrm-red hover:bg-hsrm-red-light;
}
.badge {
@apply text-sm font-medium text-center font-bold rounded-lg uppercase bg-gray-300 bg-opacity-50 px-2 py-1.5 shadow;
}
.badge-hover {
@apply p-1 hover:bg-opacity-75;
}
.badge-xl {
@apply text-2xl;
}
.badge-status {
@apply block w-24;
}
.icon {
@apply inline text-hsrm-gray size-7 drop-shadow hover:text-opacity-75;
}
.icon-disabled {
@apply text-opacity-25 hover:text-opacity-25;
}
.icon-nohover {
@apply hover:text-opacity-100;
}
.card-status {
@apply uppercase bg-opacity-50 shadow-lg min-h-20 hover:bg-opacity-70;
}
}
*/