-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
54 lines (52 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
50
51
52
53
54
// @ts-check
/** @type {import('tailwindcss').Config} */
const config = {
content: ['./src/**/*.{ts,tsx}', './app/**/*.{ts,tsx}', './components/**/*.{ts,tsx}'],
theme: {
extend: {
colors: {
transparent: 'transparent',
current: 'currentColor',
black: '#000000',
primary: '#053FB0',
secondary: '#3071EF',
white: '#FFFFFF',
error: {
DEFAULT: '#AD0000',
secondary: '#C62828',
},
success: {
DEFAULT: '#146622',
secondary: '#388E3C',
},
gray: {
100: '#F1F3F5',
200: '#CFD8DC',
300: '#AFBAC5',
400: '#90A4AE',
500: '#546E7A',
600: '#091D45',
},
},
fontFamily: {
sans: ['var(--font-inter)'],
},
borderColor: {
DEFAULT: '#CFD8DC',
},
keyframes: {
revealVertical: {
'0%': { transform: 'translateY(-100%)' },
'100%': { transform: 'translateY(0%)' },
},
},
animation: {
revealVertical: 'revealVertical 400ms forwards cubic-bezier(0, 1, 0.25, 1)',
},
},
},
// @ts-ignore
// eslint-disable-next-line global-require
plugins: [require('tailwindcss-radix')(), require('tailwindcss-animate')],
};
module.exports = config;