-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.ts
85 lines (83 loc) · 2.14 KB
/
tailwind.config.ts
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
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
import { type Config } from "tailwindcss";
import HERO_BG from '@/images/Desktop_Hero_mage.jpg'
export default {
content: ["./src/**/*.{js,ts,jsx,tsx}"],
theme: {
screens: {
'mobile': '320px',
'tablet': '640px',
's-laptop': '768px',
'laptop': '1024px',
'desktop': '1280px',
'tv': '1536px',
xs: '320px',
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
extend: {
fontFamily: {
'poppins': ['Poppins', 'sans-serif'],
'work-sans': ['Work Sans', 'sans-serif'],
},
objectPosition: {
'hero-big-screen': 'top 0px left 80%',
},
flexBasis:{
'eList-1': '650px',
'eList-2': '650px',
},
fontSize: {
'hero-title': '2.75rem',
'hero-title-sub': '1.75rem',
},
margin: {
'header-gap': '95px',
},
height: {
header: '95px',
'main-hero': '575px',
'phone': '400px',
'section-img': 'auto',
},
width: {
'fill-available': '-webkit-fill-available',
},
borderRadius: {
'header-btn': '10px',
'primary-btn': '8px',
'primary-input': '4px',
'section-image': '32px',
},
backgroundImage: {
'hero': 'url(/src/assets/images/Desktop_Hero_Image.jpg)',
}
},
colors: {
'white': '#FFFFFF',
'navy-blue': '#243A66',
'cyan-blue': '#4DD1FF',
'dark-blue': '#0F1F38',
'orange': '#b24000',
'dark-grey': '#4b5364',
'pale-bg': '#FFFFFF1A',
'navy-blue-bg': '#243A66',
'light-grey-bg': '#EDEFF3',
'grey-bg': '#DEE1E5',
'soundscape-white': '#FFFFFF',
'soundscape-blue': '#243A66',
'soundscape-bright-blue': '#4DD1FF',
'soundscape-dark-blue': '#0F1F38',
'soundscape-orange': '#B24000',
'soundscape-dark-orange': '#CC4900',
'soundscape-dark-grey': '#4b5364',
'soundscape-input-bg': '#FFFFFF1A',
'soundscape-blue-bg': '#243A66',
'soundscape-grey-bg': '#EDEFF3',
'soundscape-white-bg': '#DEE1E5',
}
},
plugins: [],
} satisfies Config;