87 lines
2.7 KiB
CSS
87 lines
2.7 KiB
CSS
@import "tailwindcss";
|
|
@import "../../colors.css";
|
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
|
|
@theme {
|
|
--font-google-icon-outlined: "Material Symbols Outlined";
|
|
--font-google-icon-outlined-fill: "Material Symbols Outlined Fill";
|
|
--font-google-icon-rounded: "Material Symbols Rounded";
|
|
--font-google-icon-rounded-fill: "Material Symbols rounded-sm Fill";
|
|
--font-google-icon-sharp: "Material Symbols Sharp";
|
|
--font-google-icon-sharp-fill: "Material Symbols Sharp Fill";
|
|
}
|
|
|
|
.app-bg-light {
|
|
@apply bg-primary
|
|
}
|
|
|
|
.app-bg-dark {
|
|
@apply bg-primary-d
|
|
}
|
|
|
|
.btn {
|
|
@apply inline-flex justify-center items-center w-fit px-1.5 py-1.5 rounded-sm font-medium border border-transparent text-xs text-white uppercase tracking-widest hover:opacity-90 focus:outline-hidden active:saturate-150 disabled:opacity-25 cursor-pointer transition;
|
|
}
|
|
|
|
.btn-primary {
|
|
@apply bg-primary dark:bg-primary-d text-primary-t dark:text-primary-dt hover:bg-secondary dark:hover:bg-secondary-d hover:text-secondary-t dark:hover:text-secondary-dt;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply bg-secondary dark:bg-secondary-d text-secondary-t dark:text-secondary-dt hover:bg-secondary dark:hover:bg-secondary-d hover:text-secondary-t dark:hover:text-secondary-dt;
|
|
}
|
|
|
|
.btn-success {
|
|
@apply bg-success dark:bg-success-d text-success-t dark:text-success-dt hover:bg-success dark:hover:bg-success hover:text-success-t dark:hover:text-success-dt;
|
|
}
|
|
|
|
.btn-danger {
|
|
@apply bg-danger dark:bg-danger-d text-danger-t dark:text-danger-dt hover:bg-danger dark:hover:bg-danger hover:text-danger-t dark:hover:text-danger-dt;
|
|
}
|
|
|
|
.btn-warning {
|
|
@apply bg-warning dark:bg-warning-d text-warning-t dark:text-warning-dt hover:bg-warning dark:hover:bg-warning hover:text-warning-t dark:hover:text-warning-dt;
|
|
}
|
|
|
|
.btn-icon {
|
|
@apply flex w-fit min-h-6 px-1.5 py-1.5 rounded-sm font-medium bg-primary dark:bg-primary-d text-primary-t dark:text-primary-dt hover:bg-secondary dark:hover:bg-secondary-d hover:text-secondary-t dark:hover:text-secondary-dt cursor-pointer;
|
|
}
|
|
|
|
.input-primary {
|
|
@apply w-full p-[6.5px] border-b border-page-t/50 dark:border-page-dt/50 bg-primary/5 rounded-sm outline-0
|
|
}
|
|
|
|
.nav-item {
|
|
@apply p-1
|
|
}
|
|
|
|
.table-row {
|
|
@apply hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors duration-150
|
|
}
|
|
|
|
.table-cell {
|
|
@apply px-6 py-4 text-sm;
|
|
}
|
|
|
|
.table-actions {
|
|
@apply flex justify-center items-center space-x-2;
|
|
}
|
|
|
|
nav a.router-link-active {
|
|
@apply bg-secondary/30 dark:bg-secondary-d/30 border-secondary dark:border-secondary-d
|
|
}
|
|
|
|
.with-transition {
|
|
@apply transition-all duration-300
|
|
}
|
|
|
|
/**
|
|
* Switch
|
|
*/
|
|
.toggle-checkbox:checked {
|
|
@apply right-0 border-slate-500
|
|
}
|
|
|
|
.toggle-checkbox:checked + .toggle-label {
|
|
@apply bg-slate-500
|
|
} |