25 lines
664 B
CSS
25 lines
664 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@layer components {
|
|
.button {
|
|
@apply rounded-lg p-1 lg:p-1.5 bg-fuchsia-900 hover:bg-fuchsia-800 active:bg-fuchsia-700 text-fuchsia-200 w-24 min-w-fit text-center disabled:bg-gray-200 disabled:text-black;
|
|
}
|
|
|
|
.input {
|
|
@apply bg-fuchsia-200 text-fuchsia-800 rounded-lg p-1 lg:p-1.5 focus:border-fuchsia-800 w-64;
|
|
}
|
|
|
|
.checkbox {
|
|
@apply text-fuchsia-800 bg-fuchsia-200 rounded-full accent-fuchsia-200 w-4 h-4 lg:w-5 lg:h-5;
|
|
}
|
|
|
|
.section {
|
|
@apply border-2 border-fuchsia-700 rounded-lg p-5 mt-6 shadow-md;
|
|
}
|
|
|
|
.section-header {
|
|
@apply text-2xl lg:text-5xl font-bold;
|
|
}
|
|
} |