Refactored stylesheet
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user