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
|
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
theme: {
colors: {
blue: {
50: 'rgba(231, 235, 252, 1)',
100: 'rgba(210, 225, 249, 1)',
200: 'rgba(189, 215, 249, 1)',
400: 'rgba(56, 132, 255, 1)',
500: 'rgba(31, 101, 214, 1)',
600: 'rgba(9, 84, 165, 1)',
800: 'rgba(19, 43, 83, 1)'
},
gray: {
50: 'rgba(240, 242, 244, 1)',
400: 'rgba(138, 150, 168, 1)',
700: 'rgba(65, 74, 88, 1)',
800: 'rgba(42, 47, 55, 1)'
},
white: {
DEFAULT: 'rgba(255, 255, 255, 1)',
"1/4": 'rgba(255, 255, 255, 0.25)'
},
black: {
DEFAULT: 'rgba(0, 0, 0, 1)'
},
text: {
DEFAULT: 'rgba(2, 3, 7, 1)',
primary: 'rgba(2, 3, 7, 1)'
}
},
borderRadius: {
none: '0',
sm: '3px',
md: '5px',
lg: '8px',
xl: '12px',
"2xl": '16px',
full: '100vw'
},
fontSize: {
// rem starts at 16px on desktop, 14px on tailwind 'sm' and below
'xs': '0.75rem', // 12px
'sm': '0.875rem', // 14px
'md': '1rem', // 16px
'lg': '1.125rem', // 18px
'xl': '1.25rem', // 20px
'header-sm': '1.5rem', // 24px
'header': '1.75rem', // 28px
'header-lg': '2rem', // 32px
'body-sm': '0.938rem', // 15px
'body': '1rem', // 16px
'body-lg': '1.063rem' // 17px
},
extend: {}
},
plugins: []
};
|
