generated from the-collab-lab/smart-shopping-list
-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
36 lines (35 loc) · 881 Bytes
/
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
/* eslint-disable import/no-anonymous-default-export */
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme');
export default {
content: ['./src/**/*.{js,jsx,ts,tsx}'],
theme: {
screens: {
tiny: '100px',
xs: '395px',
...defaultTheme.screens,
},
extend: {
fontFamily: {
Rubik: ['Rubik', ...defaultTheme.fontFamily.sans],
},
colors: {
eggshell: '#FDFDF2',
sage: '#BBC893',
brown: '#D4A373',
yellow: '#FEFAE0',
vanilla: '#FAEDCD',
'pale-green': '#E9EDC9',
'dark-green': '#4D5A3A',
'green-hover': '#DAE1A6',
'off-black': '#353839',
},
gridTemplateColumns: {
addItem: 'max-content 4fr 1fr',
listItem: 'max-content minmax(10px, 1fr) max-content',
gridTiny: 'max-content minmax(10px, 1fr)',
},
},
},
plugins: [require('@tailwindcss/forms')],
};