-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
45 lines (45 loc) · 1.09 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
maxWidth: {
container: '1440px',
contentContainer: '1140px',
containerSmall: '1024px',
containerxs: '768px',
},
extend: {
screens: {
xs: '320px',
sm: '375px',
sml: '500px',
md: '667px',
mdl: '768px',
lg: '960px',
lgl: '1024px',
xl: '1280px',
},
colors: {
'primary-text': '#411557',
'primary-pink': '#F8B9E3',
'primary-purple': '#7A62F7',
'primary-yellow': '#FDF100',
'primary-green': '#93FEB6',
'primary-red': '#DE777D',
'bg-light': '#f5f5f5',
},
fontFamily: {
montserrat: ['var(--font-montserrat)'],
inter: ['var(--font-inter)'],
},
boxShadow: {
navbarShadow: '0 10px 30px -10px rgba(2,12,27,0.7)',
},
},
},
plugins: [require('tailwind-scrollbar')],
};