From c735556726e75428550a3d28a2cf58e2c8490b7d Mon Sep 17 00:00:00 2001 From: Dawid Rycerz Date: Mon, 21 Jul 2025 21:56:55 +0300 Subject: Initial template --- tailwind.config.js | 41 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 tailwind.config.js (limited to 'tailwind.config.js') diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..1740616 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,41 @@ +import defaultTheme from 'tailwindcss/defaultTheme'; +import plugin from 'tailwindcss/plugin'; +import typographyPlugin from '@tailwindcss/typography'; + +export default { + content: ['./src/**/*.{astro,html,js,jsx,json,md,mdx,svelte,ts,tsx,vue}'], + theme: { + extend: { + colors: { + primary: 'var(--aw-color-primary)', + secondary: 'var(--aw-color-secondary)', + accent: 'var(--aw-color-accent)', + default: 'var(--aw-color-text-default)', + muted: 'var(--aw-color-text-muted)', + }, + fontFamily: { + sans: ['var(--aw-font-sans, ui-sans-serif)', ...defaultTheme.fontFamily.sans], + serif: ['var(--aw-font-serif, ui-serif)', ...defaultTheme.fontFamily.serif], + heading: ['var(--aw-font-heading, ui-sans-serif)', ...defaultTheme.fontFamily.sans], + }, + + animation: { + fade: 'fadeInUp 1s both', + }, + + keyframes: { + fadeInUp: { + '0%': { opacity: 0, transform: 'translateY(2rem)' }, + '100%': { opacity: 1, transform: 'translateY(0)' }, + }, + }, + }, + }, + plugins: [ + typographyPlugin, + plugin(({ addVariant }) => { + addVariant('intersect', '&:not([no-intersect])'); + }), + ], + darkMode: 'class', +}; -- cgit v1.2.3