60 lines
1.2 KiB
CSS
60 lines
1.2 KiB
CSS
@utility tc-table {
|
|
& .table-striped tbody tr:nth-of-type(odd) {
|
|
@apply bg-white dark:bg-transparent;
|
|
}
|
|
|
|
& .table-striped tbody tr:nth-of-type(even) {
|
|
@apply bg-gray-50 dark:bg-gray-700;
|
|
}
|
|
|
|
& .hoverable tbody tr {
|
|
@apply hover:bg-gray-50 dark:hover:bg-gray-700;
|
|
}
|
|
}
|
|
|
|
@utility table-striped {
|
|
.tc-table & tbody tr:nth-of-type(odd) {
|
|
@apply bg-white dark:bg-transparent;
|
|
}
|
|
|
|
.tc-table & tbody tr:nth-of-type(even) {
|
|
@apply bg-gray-50 dark:bg-gray-700;
|
|
}
|
|
}
|
|
|
|
@utility hoverable {
|
|
.tc-table & tbody tr {
|
|
@apply hover:bg-gray-50 dark:hover:bg-gray-700;
|
|
}
|
|
}
|
|
|
|
@utility tc-pagination {
|
|
& nav div:nth-child(1) {
|
|
@apply flex justify-between flex-1 gap-3 sm:hidden;
|
|
}
|
|
|
|
& nav div:nth-child(2) {
|
|
@apply hidden sm:flex-1 sm:flex sm:items-center sm:justify-between;
|
|
}
|
|
|
|
& nav div:nth-child(2) div {
|
|
@apply block;
|
|
}
|
|
|
|
& nav div:nth-child(2) div p {
|
|
@apply flex gap-1;
|
|
}
|
|
|
|
& nav {
|
|
@apply gap-5;
|
|
}
|
|
|
|
& nav div:nth-child(2) {
|
|
@apply gap-5;
|
|
}
|
|
|
|
& nav button {
|
|
@apply border focus:border-primary/50 focus:ring-3 ring-primary/50 active:bg-gray-100 active:text-gray-700 dark:bg-gray-800 dark:border-primary/50 dark:text-gray-400 dark:hover:text-gray-300 dark:focus:border-primary;
|
|
}
|
|
}
|