Newer
Older
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
'./views/**/*.{js,jsx,ts,tsx}',
400: '#FFC819',
},
},
boxShadow: {
xs: '0 0 0 1px rgba(0, 0, 0, 0.16)',
sm: '0 1px 2px 0 rgba(0, 0, 0, 0.16)',
default:
'0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.03)',
md: '0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.03)',
lg: '0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 4px 6px -2px rgba(0, 0, 0, 0.02)',
xl: '0 20px 25px -5px rgba(0, 0, 0, 0.12), 0 10px 10px -5px rgba(0, 0, 0, 0.02)',
'2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.15)',
inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.04)',
outline: '0 0 0 3px rgba(66, 153, 225, 0.5)',
none: 'none',
},
spacing: {
'9/16': '56.25%',
'3/4': '75%',
'1/1': '100%',
},
fontFamily: {
montserrat: ['Montserrat', 'sans-serif'],
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
75
76
77
78
79
80
81
82
83
84
85
86
87
},
fontSize: {
xs: '0.75rem',
sm: '0.875rem',
base: '1rem',
lg: '1.125rem',
xl: '1.25rem',
'2xl': '1.5rem',
'3xl': '2rem',
'4xl': '2.625rem',
'5xl': '3.25rem',
'6xl': '5.5rem',
},
inset: {
'1/2': '50%',
full: '100%',
},
letterSpacing: {
tighter: '-0.02em',
tight: '-0.01em',
normal: '0',
wide: '0.01em',
wider: '0.02em',
widest: '0.4em',
},
lineHeight: {
none: '1',
tighter: '1.125',
tight: '1.25',
snug: '1.375',
normal: '1.5',
relaxed: '1.625',
loose: '2',
3: '.75rem',
4: '1rem',
5: '1.2rem',
6: '1.5rem',
7: '1.75rem',
8: '2rem',
9: '2.25rem',
10: '2.5rem',
},
minWidth: {
10: '2.5rem',
48: '12rem',
},
opacity: {
90: '0.9',
},
scale: {
98: '.98',
},
backgroundImage: {
'banner-texture': `url('${process.env.NEXT_PUBLIC_BASE_PATH ? process.env.NEXT_PUBLIC_BASE_PATH : ''}/img/connectwork.png')`,
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
},
customForms: (theme) => ({
default: {
'input, textarea, multiselect, select, checkbox, radio': {
backgroundColor: theme('colors.white'),
borderColor: theme('colors.gray.300'),
borderRadius: theme('borderRadius.default'),
'&:focus': {
outline: undefined,
boxShadow: undefined,
borderColor: theme('colors.gray.500'),
},
},
'input, textarea, multiselect, select': {
backgroundColor: theme('colors.white'),
fontSize: undefined,
lineHeight: undefined,
paddingTop: theme('spacing.3'),
paddingRight: theme('spacing.4'),
paddingBottom: theme('spacing.3'),
paddingLeft: theme('spacing.4'),
},
'input, textarea': {
'&::placeholder': {
color: theme('colors.gray.500'),
},
},
select: {
paddingRight: theme('spacing.10'),
iconColor: theme('colors.gray.400'),
},
'checkbox, radio': {
color: theme('colors.gray.800'),
backgroundColor: theme('colors.white'),
borderRadius: theme('borderRadius.sm'),
},
},
}),
},
},
plugins: [
require('@tailwindcss/typography'),
require('@tailwindcss/forms'),