Repository navigation
Expand file tree
/
Copy pathtailwind.config.js
More file actions
74 lines (74 loc) · 2.06 KB
/
Copy pathtailwind.config.js
File metadata and controls
74 lines (74 loc) · 2.06 KB
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
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class', // Change this to 'class' to manually control dark mode
content: ['./src/**/*.{html,js,jsx}'],
theme: {
extend: {
fontFamily: {
spaceMono: ['"Space Mono"', 'monospace', 'sans-serif'],
poppoins: ['Poppins'],
merriweatherSansLight: ['"MerriweatherSans-Light"', 'sans-serif'],
},
animation: {
['loop-scroll']: 'loop-scroll 50s linear infinite',
'text-gradient': 'text-gradient 1.5s linear infinite',
},
keyframes: {
'loop-scroll': {
from: { transform: 'translateX(0)' },
to: {
transform: 'translateX(-100%)',
},
},
'text-gradient': {
to: {
backgroundPosition: '200% center',
},
},
},
colors: ({ colors }) => ({
borderColor: 'rgba(194, 183, 183, 0.1)',
borderSecondary: 'rgba(20, 29, 47, 0.1)',
textPrimary: 'rgb(13, 25, 53)',
textSecondary: '#00A6FB',
primaryColor: 'rgb(243, 244, 246)',
secondaryColor: '#091224',
inherit: colors.inherit,
current: colors.current,
transparent: colors.transparent,
black: colors.black,
white: colors.white,
slate: colors.slate,
zinc: colors.zinc,
neutral: colors.neutral,
stone: colors.stone,
red: colors.red,
orange: colors.orange,
amber: colors.amber,
yellow: colors.yellow,
lime: colors.lime,
green: colors.green,
emerald: colors.emerald,
teal: colors.teal,
cyan: colors.cyan,
sky: colors.sky,
blue: colors.blue,
indigo: colors.indigo,
violet: colors.violet,
purple: colors.purple,
fuchsia: colors.fuchsia,
pink: colors.pink,
rose: colors.rose,
}),
screens: {
xs: '475px',
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
},
},
plugins: [],
};