-
Notifications
You must be signed in to change notification settings - Fork 2
/
tailwind.config.ts
64 lines (62 loc) · 1.21 KB
/
tailwind.config.ts
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
import type { Config } from 'tailwindcss';
import typography from '@tailwindcss/typography';
import containerQueries from '@tailwindcss/container-queries';
export default {
content: [
'./src/**/*.svelte',
'./src/**/*.html',
'./src/**/*.ts',
'./src/**/*.md',
'./svelte.config.js',
],
theme: {
extend: {
colors: {
primary: {
'50': '#faf7fd',
'100': '#f2ecfb',
'200': '#e7ddf7',
'300': '#d5c2f0',
'400': '#bc9be5',
'500': '#9967d5',
'600': '#8a55c8',
'700': '#7642ae',
'800': '#643a8f',
'900': '#523073',
'950': '#361952',
},
'black-pearl': {
'50': '#b3deff',
'100': '#9ed7ff',
'200': '#75cdff',
'300': '#33bbff',
'400': '#009de6',
'500': '#007bc2',
'600': '#005c9e',
'700': '#004275',
'800': '#003052',
'900': '#02233c',
'950': '#011628',
},
},
container: {
center: true,
padding: {
DEFAULT: '0',
sm: '2rem',
lg: '4rem',
},
screens: {
DEFAULT: '400px',
sm: '640px',
md: '768px',
lg: '1024px',
},
},
fontFamily: {
header: 'League Gothic, sans-serif',
},
},
},
plugins: [typography, containerQueries],
} satisfies Config;