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