lecture-attendance-manager/app/assets/stylesheets/application.tailwind.css
Joshua Coles a0e526662b
All checks were successful
Build and Publish Docker Container / build (push) Successful in 5m15s
Improve small scale styling a litle
2023-10-26 14:49:40 +01:00

26 lines
635 B
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
.action-button {
@apply rounded bg-indigo-600 px-2 py-1 font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
}
.today-table-grid {
display: grid;
}
@media (min-width: 640px) {
.today-table-grid {
grid-template-columns: 2fr repeat(3, 1fr);
}
}
@media (min-width: 480px) and (max-width: 639px) {
.today-table-grid {
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
}