-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
42 lines (42 loc) · 1.46 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
backgroundImage: {
'hero-pattern': "radial-gradient(circle at -12% 200px, rgba(205,194,246,1) 0%, rgba(205,194,246,0.95) 10%, rgba(205,194,246,0) 20%), radial-gradient(circle at 90% 650px, rgba(205,194,246,1) 0%, rgba(205,194,246,0.95) 15%, rgba(255,255,255,1) 30%)",
'main-pattern': "radial-gradient(circle at -12% 200px, rgba(205,194,246,1) 0%, rgba(205,194,246,0.95) 6%, rgba(205,194,246,0) 12%), radial-gradient(circle at 110% 650px, rgba(205,194,246,1) 0%, rgba(205,194,246,0.95) 8%, rgba(255,255,255,1) 20%)",
}
},
colors: {
"button-primary": "#444BF7",
"button-secondary": "#F5F5F5",
"button-information": "#8D85F7",
"primary": "#000000",
"secondary": "#555555",
"tertiary": "#ffffff",
"disabled": "#c8c8c8",
"purple": "#444BF7",
"card-background": "#ffffff",
"card-secondary": "#f9f9f9",
"divider": "#E8E8E8",
"blue": "#414caa",
"purple-background": "#6d62f7",
"purple-background-light": "#d6d8ff",
"success": "#3dd34c",
"warning": "#ffbe64",
"error": "#ff5064",
"info": "#2280ff",
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
serif: ['Merriweather', 'serif'],
},
},
plugins: [
require('@tailwindcss/typography'),
],
}