-
Notifications
You must be signed in to change notification settings - Fork 7
/
tailwind.config.js
44 lines (43 loc) · 1.05 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
const defaultTheme = require('tailwindcss/defaultTheme');
const plugin = require('tailwindcss/plugin');
module.exports = {
prefix: '',
mode: 'jit',
content: ['./src/**/*.{html,ts,css,scss,sass,less,styl}'],
darkMode: 'class',
theme: {
extend: {
fontFamily: {
sans: ['Comic Neue', ...defaultTheme.fontFamily.sans]
},
backgroundImage: {
waves: "url('/assets/images/background.svg')"
},
colors: {
'transparent-gray-50': '#cdcdcd52',
'transparent-gray-100': '#cdcdcd99'
}
}
},
corePlugins: {
preflight: true
},
variants: {
extend: {}
},
plugins: [
require('@tailwindcss/forms'),
require('@tailwindcss/typography'),
require('@tailwindcss/aspect-ratio'),
plugin(function ({ addUtilities }) {
addUtilities({
'.border-sketch-1': {
'border-radius': '50px 15px 225px 15px/15px 225px 15px 20px'
},
'.border-sketch-2': {
'border-radius': '255px 15px 225px 15px/15px 225px 15px 255px'
}
});
})
]
};