-
Notifications
You must be signed in to change notification settings - Fork 3
/
tailwind.config.js
59 lines (53 loc) · 1.87 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
55
56
57
58
59
const defaultTheme = require('tailwindcss/defaultTheme');
module.exports = {
content: [
'./vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
'./vendor/laravel/jetstream/**/*.blade.php',
'./storage/framework/views/*.php',
'./resources/views/**/*.blade.php',
],
theme: {
screens: {
sm: "575px",
// => @media (min-width: 576px) { ... }
md: "768px",
// => @media (min-width: 768px) { ... }
lg: "992px",
// => @media (min-width: 992px) { ... }
xl: "1140px",
// => @media (min-width: 1140px) { ... }
"2xl": "1320px",
// => @media (min-width: 1320px) { ... }
},
container: {
center: true,
padding: "16px",
},
extend: {
colors: {
black: "#141420",
"bg-color": "#2C2C39",
stroke: "#4D4C5A",
dark: "#1D2144",
primary: "#5142FC",
secondary: "#36B37E",
yellow: "#FBB040",
"body-color": "#A1A0AE",
gradient:
"linear-gradient(158.44deg, #EBC77A 7.17%, #CA3F8D 52.72%, #5142FC 91.26%)",
},
boxShadow: {
signUp: "0px 5px 10px rgba(4, 10, 34, 0.2)",
image: "0px 3px 30px rgba(9, 14, 52, 0.1)",
pricing: "0px 7px 35px rgba(180, 189, 223, 0.4)",
input: "0px 11px 10px -6px rgba(0, 0, 0, 0.2)",
sticky: "inset 0 -1px 0 0 rgba(0, 0, 0, 0.1)",
},
fontFamily: {
sans: ['Inter', ...defaultTheme.fontFamily.sans],
},
},
},
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
prefix: "ud-",
};