-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
89 lines (88 loc) · 2.15 KB
/
tailwind.config.cjs
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
const { tailwindExtractor } = require("tailwindcss/lib/lib/purgeUnusedStyles");
const colors = require('tailwindcss/colors');
module.exports = {
mode: "aot",
purge: {
content: ["./src/**/*.{html,js,svelte,ts}"],
options: {
defaultExtractor: (content) => [
// If this stops working, please open an issue at https://github.com/svelte-add/tailwindcss/issues rather than bothering Tailwind Labs about it
...tailwindExtractor(content),
// Match Svelte class: directives (https://github.com/tailwindlabs/tailwindcss/discussions/1731)
...[...content.matchAll(/(?:class:)*([\w\d-/:%.]+)/gm)].map(
([_match, group, ..._rest]) => group
),
],
},
safelist: [/^svelte-[\d\w]+$/],
},
theme: {
extend: {},
rotate: {
'-180': '-180deg',
'-90': '-90deg',
'-45': '-45deg',
'0': '0',
'45': '45deg',
'90': '90deg',
'135': '135deg',
'180': '180deg',
'270': '270deg',
},
fontFamily: {
sans: ["Friedrich-Book"],
hauser: ["SMHauser-60"]
},
colors: {
primary: {
DEFAULT: '#9cb5b0',
50: '#f5f8f7',
100: '#e1e9e7',
200: '#cedad8',
300: '#bacbc8',
400: '#a6bcb8',
500: '#7d918d',
600: '#5e6d6a',
700: '#4e5b58',
800: '#3e4846',
900: '#2f3635',
},
secondary: {
DEFAULT: '#ffed00',
50: '#fffde6',
100: '#fffbcc',
200: '#fff899',
300: '#fff466',
400: '#fff133',
500: '#e6d500',
600: '#ccbe00',
700: '#b3a600',
800: '#998e00',
900: '#807700',
},
transparent: 'transparent',
current: 'currentColor',
black: colors.black,
white: colors.white,
gray: colors.trueGray,
indigo: colors.indigo,
red: colors.rose,
yellow: colors.amber,
},
minHeight: {
'0': '0',
'1/16': '6.25%',
'1/12': '8.33%',
'1/8': '12.5%',
'1/6': '16.66%',
'1/4': '25%',
'1/2': '50%',
'3/4': '75%',
'full': '100%',
},
},
variants: {
extend: {},
},
plugins: [],
};