-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
43 lines (41 loc) · 1.17 KB
/
tailwind.config.ts
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
import type { Config } from 'tailwindcss'
const plugin = require('tailwindcss/plugin')
const config: Config = {
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
fontFamily: {
varela: ["var(--font-varelaround)"],
hammersmithone: ["var(--font-hammersmithone)"],
},
screens: {
custom: '1100px',
custom2: '1400px',
},
textShadow: {
'1': '1px 1px 3px rgb(186, 6, 102)',
'2': '2px 2px 10px rgba(241, 82, 167, 0.401)',
'3': '2px 3px 3px rgba(186, 6, 102, 0.671)',
'4': '2px 2px 3px rgba(239, 76, 163, 0.269)',
'5': '1px 1px 3px rgba(240, 11, 133, 0.282)',
'6': '2px 2px 6px rgba(255, 47, 158, 0.315)',
'7': '2px 2px 3px rgba(186, 6, 102, 0.282)',
},
},
},
plugins: [require('tailwindcss-animated'), plugin(function ({ matchUtilities, theme }: any) {
matchUtilities(
{
'text-shadow': (value: any) => ({
textShadow: value,
}),
},
{ values: theme('textShadow') }
)
}),],
}
export default config