50 lines
784 B
CSS
50 lines
784 B
CSS
/* Entry point for your PostCSS build */
|
|
|
|
/* Import Tailwind using PostCSS */
|
|
@import "tailwindcss";
|
|
|
|
/* Import our custom theme */
|
|
@import "theme";
|
|
|
|
/* Import components */
|
|
@import "components/hero";
|
|
@import "components/flash";
|
|
@import "components/footer";
|
|
@import "components/party-finder";
|
|
|
|
/* Base styles */
|
|
body {
|
|
font-family: var(--font-sans);
|
|
line-height: 1.6;
|
|
color: var(--color-neutral-900);
|
|
background: var(--color-neutral-50);
|
|
}
|
|
|
|
/* App wrapper */
|
|
.app-wrapper {
|
|
min-height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* Main content */
|
|
main {
|
|
flex: 1;
|
|
}
|
|
|
|
/* Footer */
|
|
.footer {
|
|
background: var(--color-neutral-800);
|
|
color: var(--color-neutral-300);
|
|
}
|
|
|
|
/* Flash messages */
|
|
.flash {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Yield content */
|
|
.yield {
|
|
width: 100%;
|
|
}
|