-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
64 lines (63 loc) · 2.44 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
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts,md,mdx,mds}'],
darkMode: 'class',
theme: {
extend: {
colors: {
primary: 'var(--color-primary)',
secondary: 'var(--color-secondary)',
tertiary: 'var(--color-tertiary)',
quaternary: 'var(--color-quaternary)',
secondarySoft: 'var(--color-secondarySoft)',
secondaryBg: 'var(--color-secondaryBg)',
primaryBorder: 'var(--color-primaryBorder)',
primarySoft: 'var(--color-primarySoft)',
primaryBold: 'var(--color-primaryBold)',
primaryBg: 'var(--color-primaryBg)',
primaryBgSoft: 'var(--color-primaryBgSoft)',
primaryBgSofter: 'var(--color-primaryBgSofter)',
onPrimaryBg: 'var(--color-onPrimaryBg)',
onPrimaryBgSoft: 'var(--color-onPrimaryBgSoft)',
onPrimaryBgSofter: 'var(--color-onPrimaryBgSofter)',
onSecondaryBg: 'var(--color-onSecondaryBg)',
tertiaryBg: 'var(--color-tertiaryBg)',
onTertiaryBg: 'var(--color-onTertiaryBg)',
linkColor: 'var(--color-linkColor)',
neutralBg: 'var(--color-neutralBg)',
neutralBgSoft: 'var(--color-neutralBgSoft)',
neutralBgSofter: 'var(--color-neutralBgSofter)',
neutral: 'var(--color-neutral)',
neutralBold: 'var(--color-neutralBold)',
neutralSoft: 'var(--color-neutralSoft)',
onNeutralBg: 'var(--color-onNeutralBg)',
onNeutralBgSoft: 'var(--color-onNeutralBgSoft)',
onNeutralBgSofter: 'var(--color-onNeutralBgSofter)',
},
borderRadius: {
'none': 'var(--border-radius-none, 0)',
'sm': 'var(--border-radius-small, .125rem)',
DEFAULT: 'var(--border-radius, .25rem)',
'md': 'var(--border-radius-md, .375rem)',
'lg': 'var(--border-radius-lg, .5rem)',
'xl': 'var(--border-radius-xl, .75rem)',
'2xl': 'var(--border-radius-2xl, 1rem)',
'3xl': 'var(--border-radius-3xl, 1.5rem)',
'4xl': 'var(--border-radius-4xl, 2rem)',
'5xl': 'var(--border-radius-5xl, 2.5rem)',
'6xl': 'var(--border-radius-6xl, 3rem)',
'full': 'var(--border-radius-full, 9999px)',
'element': 'var(--border-radius-element, var(--border-radius, .25rem))',
},
dropShadow: {
'element': 'var(--drop-shadow-element)',
},
width: {
'md': 'var(--width-md, 768px)',
}
},
fontFamily: {
logoFont: 'var(--font-logoFont)',
},
},
plugins: [],
}