/
tailwind.config.cjs
53 lines (53 loc) · 1.36 KB
/
tailwind.config.cjs
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
module.exports = {
content: ['./src/**/*.{html,js,svelte,ts}'],
theme: {
extend: {
// backgroundImage: {
// 'page-background': `url('/static/mattybakesbread_background.svg')`,
// 'page-background-lg': `url('/static/mattybakesbread_background_large.svg')`
// },
borderRadius: {
5: '5px',
},
borderWidth: {
1: '1px',
},
boxShadow: {
'block-2': '-2px 2px 0px #333333',
'block-3': '-3px 3px 0px #333333',
'block-5': '-5px 5px 0px #333333',
blur: '0px 4px 16px rgba(0, 0, 0, 0.2)',
'blur-lg': '0px 4px 16px rgba(0, 0, 0, 0.4)',
},
colors: {
'primary-light': '#E8BB93',
'primary-dark': '#784F2C',
'secondary-light': '#FF4D00', // '#C5F4E0',
'secondary-dark': '#FF4D00', //'#769588',
accent: '#19381F',
black: '#222222',
white: '#FFFFFF',
},
fontSize: {
h1: ['3.5rem', '4rem'],
'h1-super': ['4rem', '4.75rem'],
h2: ['2.5rem', '3rem'],
h3: ['2rem', '2.5rem'],
h4: ['1.5rem', '2rem'],
h5: ['1.25rem', '1.5rem'],
h6: ['1.1rem', '1.3rem'],
'button-lg': ['26px', '28px'],
'mobile-nav-logo': ['20px', '16px'],
},
transitionProperty: {
size: 'width, height',
spacing: 'margin, padding',
},
},
fontFamily: {
sans: ['"Basier Circle"', 'sans-serif'],
display: ['Chaney', 'sans-serif'],
},
},
plugins: [require('@tailwindcss/forms')],
};