✨feature: Set up Tailwind and automate dev process to watch all files for changes and rebuild as needed
This commit is contained in:
30
css/base.css
Normal file
30
css/base.css
Normal file
@@ -0,0 +1,30 @@
|
||||
@import "tailwindcss";
|
||||
|
||||
@import './global.css';
|
||||
@import './colors.css';
|
||||
@import './typography.css';
|
||||
@import './prose.css';
|
||||
|
||||
/* Import Tailwind typography plugin */
|
||||
@plugin "@tailwindcss/typography";
|
||||
|
||||
body {
|
||||
@apply bg-background text-text font-sans;
|
||||
}
|
||||
|
||||
header#site_head {
|
||||
@apply bg-primary text-white flex items-center justify-between;
|
||||
@apply py-4 px-60;
|
||||
|
||||
nav ul {
|
||||
@apply flex space-x-4 justify-end-safe;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
@apply prose container mx-auto px-4 py-8 max-w-5xl;
|
||||
}
|
||||
|
||||
footer#site_foot {
|
||||
@apply bg-secondary text-white text-center;
|
||||
}
|
||||
Reference in New Issue
Block a user