-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
46 lines (45 loc) · 1.11 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
/** @type {import('tailwindcss').Config} */
import typography from '@tailwindcss/typography';
export default {
content: [
'./pages/**/*.{js,ts,jsx,tsx,mdx}',
'./components/**/*.{js,ts,jsx,tsx,mdx}',
'./app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
'gradient-conic':
'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
},
fontFamily: {
'press-start': ['"Press Start 2P"', 'sans-serif'],
},
},
},
plugins: [typography],
safelist: [
/** @blue */
'bg-[#111e62]',
'hover:bg-[#080e2e]',
/** @purple */
'bg-[#32214e]',
'hover:bg-[#181026]',
/** @orange */
'bg-[#a14200]',
'hover:bg-[#502207]',
{
pattern:
/text-(purple|pink|blue|orange)-(50|100|200|300|400|500|600|700)/,
variants: ['hover'],
},
{
pattern: /bg-(purple|pink|blue|orange)-(500|950)/,
variants: ['after', 'hover'],
},
{
pattern: /border-(purple|pink|blue|orange)-(100|400)/,
},
],
};