-
Notifications
You must be signed in to change notification settings - Fork 25
/
tailwind.config.js
49 lines (49 loc) · 1.31 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./src/**/*.{js,jsx,ts,tsx}"],
theme: {
fontFamily: {
sans: ["Montserrat", "sans-serif"],
},
colors: {
"disable": "#3D3C50",
// Defines primary, primary-light, primary-dark
primary: {
light: "rgb(var(--color-primary-light) / <alpha-value>)",
DEFAULT: "rgb(var(--color-primary) / <alpha-value>)",
dark: "rgb(var(--color-primary-dark) / <alpha-value>)",
},
// Defines secondary-light and secondary-dark
secondary: {
light: "rgb(var(--color-secondary-light) / <alpha-value>)",
dark: "rgb(var(--color-secondary-dark) / <alpha-value>)",
},
white: "#FFFFFF",
black: "#000000",
},
keyframes: {
fadeIn: {
'0%': {opacity: 0},
'60%': {opacity: 0},
'100%': {opacity: 1}
},
fadeInSlowFadeOut: {
'0%': {opacity: 0},
'30%': {opacity: 1},
'60%': {opacity: 1},
'90%': {opacity: .5}
},
fadeInImm: {
'0%': {opacity: 0},
'100%': {opacity: 1}
}
},
animation: {
'fade-in': 'fadeIn 2s linear',
'fade-in-slow-fade-out': 'fadeInSlowFadeOut 2s linear',
'fade-in-imm': 'fadeInImm 0.1s linear'
},
extend: {},
},
plugins: [],
};