-
Notifications
You must be signed in to change notification settings - Fork 5
/
tailwind.config.cjs
59 lines (58 loc) · 1.23 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
/** @type {import('tailwindcss').Config} */
// eslint-disable-next-line no-undef
module.exports = {
important: true,
corePlugins: {
preflight: false,
},
content: ['./js/src/**/*.{js,ts,jsx,tsx}', './inc/**/*.php'],
theme: {
animation: {
// why need this? because elementor plugin might conflict with same animate keyframe name
// we override the animation name with this
pulse: 'tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
},
extend: {
colors: {
primary: '#1677ff',
},
screens: {
sm: '576px', // iphone SE
md: '810px', // ipad Portrait
lg: '1080px', // ipad Landscape
xl: '1280px', // mac air
xxl: '1440px',
},
keyframes: {
'tw-pulse': {
'50%': { opacity: '0.5' },
},
},
},
},
plugins: [
function ({ addUtilities }) {
const newUtilities = {
'.rtl': {
direction: 'rtl',
},
// 與 WordPress 衝突的 class
'.tw-hidden': {
display: 'none',
},
'.tw-columns-1': {
columnCount: 1,
},
'.tw-columns-2': {
columnCount: 2,
},
'.tw-fixed': {
position: 'fixed',
},
}
addUtilities(newUtilities, ['responsive', 'hover'])
},
],
safelist: [],
blocklist: ['fixed', 'columns-1', 'columns-2', 'hidden'],
}