black-flag_app/tailwind.config.cjs at master · oleg-darkdev/black-flag_app · 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
/** @type {import('tailwindcss').Config}*/
const plugin = require('tailwindcss/plugin');

const config = {
	content: ['./src/**/*.{html,js,svelte,ts}'],

	theme: {
		extend: {
			colors: {
				primary: '#ffb800',
				secondary: '#fffedb',
				dark: '#111111',
				gray: {
					100: '#1e293b',
					200: '#334155',
					300: '#2b2b2b',
					400: '#4b5563'
				},
				light: {
					100: '#f0f5fa',
					200: '#d1d5db'
				}
			},
			keyframes: {
				reverseSpin: {
					'0%': { transform: 'rotate(0deg)' },
					'100%': { transform: 'rotate(-360deg)' }
				}
			},
			animation: {
				'reverse-spin': 'reverseSpin 2s linear infinite'
			}
		}
	},
	plugins: [
		// plugin(function ({ addBase }) {
		// 	addBase({
		// 		html: { fontSize: '10px' }
		// 	});
		// })
	]
};

module.exports = config;