1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
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)',
// Stone-inspired color palette
'stone': {
'marmur': '#F8F8F8', // Jasny marmur - main background
'piaskowiec': '#E6E6E6', // Szary piaskowiec - sections/boxes
'grafit': '#2B2B2B', // Ciemny grafit - main text
'granit': '#B6A58B', // Ciepły granitowy beż - accent/CTA
'klinkier': '#7A5C3A', // Brązowy klinkier - hover states
},
},
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',
};
|
