Redox/tailwind.config.js at master · BadMachine/Redox · GitHub

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
// tailwind.config.js
const {heroui} = require("@heroui/theme");

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [

		"./index.html",
		"./src/**/*.{js,ts,jsx,tsx}",
		"./node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}",
	],
	theme: {
		extend: {
			gridTemplateColumns: {
				// Simple 16 column grid
			},
			containers: {
				"nav-expanded": "12rem",
				// etc...
			},
			animation: {
				'spin-2': 'spin-2 1s linear infinite',
			}
		},
	},
	darkMode: "class",
	plugins: [heroui({
		prefix: "heroui", // prefix for themes variables
		addCommonColors: false, // override common colors (e.g. "blue", "green", "pink").
		defaultTheme: "dark", // default theme from the themes object
		defaultExtendTheme: "dark", // default theme to extend on custom themes
		layout: {}, // common layout tokens (applied to all themes)
		themes: {
			light: {
				layout: {}, // light theme layout tokens
				colors: {}, // light theme colors
			},
			dark: {
				layout: {}, // dark theme layout tokens
				colors: {}, // dark theme colors
			},
			// ... custom themes
		},
	}), require('@tailwindcss/container-queries'),]
}