mirror of
https://github.com/zen-browser/astro-site-test.git
synced 2025-07-08 01:39:58 +02:00
43 lines
1 KiB
JavaScript
43 lines
1 KiB
JavaScript
const plugin = require("tailwindcss/plugin");
|
|
|
|
module.exports = {
|
|
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: "hsl(258, 48%, 23%)",
|
|
muted: "hsl(258, 48%, 55%)",
|
|
},
|
|
spacing: {
|
|
lg: "2.5rem",
|
|
md: "1.5rem",
|
|
sm: "1rem",
|
|
},
|
|
},
|
|
},
|
|
plugins: [
|
|
plugin(function ({ addBase, addComponents, addUtilities, theme }) {
|
|
addBase({
|
|
section: {
|
|
"@apply flex flex-col justify-center items-center gap-md text-center":
|
|
{},
|
|
},
|
|
h2: {
|
|
"@apply text-7xl font-bold text-primary": {},
|
|
},
|
|
});
|
|
addComponents({
|
|
".vstack": {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: theme("spacing.sm"),
|
|
alignItems: "center",
|
|
},
|
|
".btn-base": {
|
|
"@apply bg-black text-white font-semibold py-3 px-6 rounded-full w-fit":
|
|
{},
|
|
},
|
|
});
|
|
}),
|
|
],
|
|
};
|