-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
46 lines (44 loc) · 1.03 KB
/
tailwind.config.js
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
import formsPlugin from '@tailwindcss/forms';
import defaultTheme from 'tailwindcss/defaultTheme'
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {
colors: {
coolgray: '#EDEEF0',
'coolgray-400': '#818C99',
disabled: 'rgba(28, 27, 31, 0.12)',
'disabled-text': '#1C1B1F',
primary: '#0A84FF',
error: '#FF3347',
blueGray: '#8C9CAF',
inputOutline: '#AEAEC0'
},
backgroundPosition: {
layout: 'top left 600px, left 100px bottom -140px'
},
backgroundSize: {
layout: 'auto, 20%'
},
zIndex: {
'-1': '-1'
},
transformOrigin: {
0: '0%'
}
},
screens: {
xs: { max: '300px' },
large: { raw: '(min-height: 800px;min-width: 1024px)' },
...defaultTheme.screens,
"3xl": { min: '1930px' },
"4xl": { min: '2100px' }
}
},
plugins: [
formsPlugin({
strategy: 'class'
})
]
};