50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
[x-cloak] {
|
|
display: none;
|
|
}
|
|
|
|
@layer components {
|
|
.button {
|
|
/* Colors */
|
|
@apply bg-nostash-blue hover:bg-nostash-gold-dark active:bg-nostash-gold text-nostash-gold-light disabled:bg-gray-200 disabled:text-black;
|
|
|
|
/* Sizing and padding */
|
|
@apply rounded-lg p-1.5 md:w-24 min-w-fit text-center;
|
|
}
|
|
|
|
.input {
|
|
/* Colors */
|
|
@apply bg-nostash-gold-light text-nostash-blue disabled:bg-gray-200 disabled:text-black focus:border-nostash-blue;
|
|
|
|
/* Sizing and padding */
|
|
@apply rounded-lg p-1.5 lg:p-1.5 w-full md:w-64;
|
|
}
|
|
|
|
.checkbox {
|
|
/* Colors */
|
|
@apply text-nostash-blue bg-nostash-gold-light rounded-full accent-nostash-gold-light;
|
|
|
|
/* Sizing and padding */
|
|
@apply w-4 h-4 lg:w-5 lg:h-5;
|
|
}
|
|
|
|
.section {
|
|
@apply border-2 border-nostash-gold-dark rounded-lg p-1 md:p-5 mt-6 shadow-md;
|
|
}
|
|
|
|
.section-header {
|
|
@apply text-2xl lg:text-5xl font-bold;
|
|
}
|
|
|
|
.subsection-header {
|
|
@apply text-xl lg:text-4xl font-bold;
|
|
}
|
|
|
|
a {
|
|
@apply border-2 border-dotted text-nostash-blue border-nostash-blue hover:border-transparent;
|
|
}
|
|
}
|