-
-
Notifications
You must be signed in to change notification settings - Fork 16
/
tailwind.config.js
73 lines (72 loc) · 2.07 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
/* eslint-disable no-undef */
/* eslint-disable @typescript-eslint/no-var-requires */
const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
content: ["./app/**/*.{js,ts,jsx,tsx}"],
darkMode: "class",
theme: {
extend: {
fontFamily: {
sans: ["Roboto Mono", ...defaultTheme.fontFamily.sans],
},
colors: {
transparent: "transparent",
current: "currentColor",
indigo: colors.indigo,
blue: colors.blue,
red: colors.red,
orange: colors.orange,
yellow: colors.yellow,
green: colors.green,
teal: colors.teal,
purple: colors.purple,
pink: colors.pink,
slate: colors.slate,
gray: colors.gray,
neutral: colors.neutral,
stone: colors.stone,
amber: colors.amber,
lime: colors.lime,
emerald: colors.emerald,
cyan: colors.cyan,
sky: colors.sky,
violet: colors.violet,
fuchsia: colors.fuchsia,
rose: colors.rose,
theme: {
50: colors.indigo[50],
100: colors.indigo[100],
200: colors.indigo[200],
300: colors.indigo[300],
400: colors.indigo[400],
500: colors.indigo[500],
600: colors.indigo[600],
700: colors.indigo[700],
800: colors.indigo[800],
900: colors.indigo[900],
},
accent: {
50: colors.gray[50],
100: colors.gray[100],
200: colors.gray[200],
300: colors.gray[300],
400: colors.gray[400],
500: colors.gray[500],
600: colors.gray[600],
700: colors.gray[700],
800: colors.gray[800],
900: colors.gray[900],
},
},
typography: () => ({
DEFAULT: {
css: {
maxWidth: "100%",
},
},
}),
},
},
plugins: [require("@tailwindcss/forms"), require("@tailwindcss/line-clamp"), require("@tailwindcss/typography"), require("@tailwindcss/aspect-ratio")],
};