This repository has been archived by the owner on Mar 3, 2024. It is now read-only.
/
tailwind.config.js
75 lines (74 loc) · 1.63 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
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
/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors');
module.exports = {
content: [
'./src/client/layouts/**/*.{js,ts,jsx,tsx}',
'./src/client/components/**/*.{js,ts,jsx,tsx}',
'./src/client/app.tsx',
],
darkMode: 'class', // or 'media' or 'class'
theme: {
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1440px',
},
colors: {
gray: colors.gray,
blue: colors.sky,
red: colors.rose,
cyan: colors.cyan,
pink: colors.pink,
purple: colors.purple,
white: colors.white,
orange: colors.orange,
amber: colors.amber,
black: colors.black,
rose: colors.rose,
sky: colors.sky,
green: colors.green,
teal: colors.teal,
emerald: colors.emerald,
slate: colors.slate,
zinc: colors.zinc,
stone: colors.stone,
violet: colors.violet,
lime: colors.lime,
indigo: colors.indigo,
yellow: colors.yellow,
fuchsia: colors.fuchsia,
transparent: colors.transparent,
},
fontSize: {
xs: '.75rem',
sm: '.875rem',
tiny: '.875rem',
base: '1rem',
lg: '1.125rem',
xl: '1.25rem',
'2xl': '1.5rem',
'3xl': '1.875rem',
'4xl': '2.25rem',
'5xl': '3rem',
'6xl': '4rem',
'7xl': '5rem',
},
extend: {
spacing: {
127: '31rem',
128: '32rem',
144: '36rem',
575: '575px',
576: '576px',
},
borderRadius: {
'4xl': '2rem',
},
},
},
variants: {
extend: {},
},
plugins: [require('@tailwindcss/forms')],
};