-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
65 lines (64 loc) · 1.21 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
corePlugins: {
// disable core plugin and replace it below
container: false
},
darkMode: 'class',
theme: {
extend: {
colors: {
primary: {
DEFAULT: '#47494A',
50: '#FFFFFF',
100: '#FBFBFB',
200: '#E1E2E2',
300: '#C7C8C9',
400: '#ADAEB0',
500: '#939597', //Default normally, but decided to go to 900
600: '#797B7E',
700: '#606264',
800: '#47494A',
900: '#2E2F30'
},
secondary: {
DEFAULT: '#F5DF4D',
50: '#FFFFFF',
100: '#FFFFFF',
200: '#FDF9DE',
300: '#FAF0AE',
400: '#F8E87D',
500: '#F5DF4D',
600: '#F2D61D',
700: '#D0B70C',
800: '#A08C09',
900: '#706206'
}
}
}
},
variants: {
extend: {}
},
plugins: [
({ addComponents, theme }) => {
addComponents({
'.container': {
marginInline: 'auto',
paddingInline: theme('spacing.4'),
maxWidth: theme('screens.sm'),
'@screen sm': {
maxWidth: theme('screens.sm')
},
'@screen md': {
maxWidth: theme('screens.md')
},
'@screen lg': {
maxWidth: '850px'
}
}
});
}
]
};