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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
|
/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
const scrollbarPlugin = require("tailwind-scrollbar");
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
darkMode: "class",
theme: {
screens: {
xxs: "375px",
xs: "425px",
...defaultTheme.screens,
},
extend: {
animation: {
text: "text 5s ease infinite",
},
keyframes: {
text: {
"0%, 100%": {
"background-size": "200% 200%",
"background-position": "left center",
},
"50%": {
"background-size": "200% 200%",
"background-position": "right center",
},
},
},
boxShadow: {
menu: "0 0 10px 0px rgba(255, 107, 0, 0.1)",
light: "0 2px 10px 2px rgba(0, 0, 0, 0.1)",
button: "0 0px 5px 0.5px rgba(0, 0, 0, 0.1)",
},
textColor: {
"gray-500": "#6c757d",
},
fontWeight: {
bold: "700",
},
padding: {
nav: "5.3rem",
},
colors: {
primary: "#141519",
secondary: "#212127",
action: "#FF7F57",
image: "#3B3C41",
txt: "#dbdcdd",
tersier: "#0c0d10",
},
},
fontFamily: {
outfit: ["Outfit", "sans-serif"],
karla: ["Karla", "sans-serif"],
roboto: ["Roboto", "sans-serif"],
inter: ["Inter", "sans-serif"],
},
},
variants: {
extend: {
display: ["group-focus"],
opacity: ["group-focus"],
inset: ["group-focus"],
backgroundImage: ["dark"],
},
textColor: ["responsive", "hover", "focus"],
fontWeight: ["responsive", "hover", "focus"],
scrollbar: ["rounded"],
},
plugins: [
scrollbarPlugin({
nocompatible: true,
}),
require("tailwind-scrollbar-hide"),
],
};
|