-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
50 lines (49 loc) · 1.27 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
47
48
49
50
const usePreflightFront = false;
module.exports = {
// use preflight (reset CSS) override fonts size from theme.json
corePlugins: {
preflight: process.env.IS_EDITOR ? false : usePreflightFront,
},
content: ["./blocks/**/*.php"],
theme: {
extend: {
gridTemplateColumns: {
main: "8rem 1fr 8rem",
"main-small": "1rem 1fr 1rem",
},
backgroundImage: (theme) => ({
"wp-performance": "url('/assets/media/wp-performance.png')",
star: "url('/assets/media/star.svg')",
zip: "url('/assets/media/zip.svg')",
"link-gradient": "linear-gradient(to left,#BE185D,rgb(150,20,90));",
}),
colors: {
body: "var(--wp--custom--colors--body)",
primary: "var(--wp--preset--color--primary)",
accent: "var(--wp--preset--color--accent)",
},
animation: {
"text-gradient": "gradient-text 5s ease infinite",
},
keyframes: {
"text-gradient": {
"0%, 100%": {
"background-size": "200% 200%",
"background-position": "left center",
},
"50%": {
"background-size": "200% 200%",
"background-position": "right center",
},
},
},
},
},
variants: {
scrollbar: ["rounded"],
},
plugins: [
require("@_tw/themejson")(require("./theme.json")),
require("tailwind-scrollbar")({ nocompatible: true }),
],
};