anoop-raju-portfolio/tailwind.config.ts at staging · anoopraju31/anoop-raju-portfolio · 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
import type { Config } from 'tailwindcss'

const config: Config = {
	content: ['./src/components/**/*.{ts,tsx}', './src/app/**/*.{ts,tsx}'],
	theme: {
		extend: {
			screens: {
				mdlg: '892px',
			},
			colors: {
				'dark-blue': '#090e16',
				'light-green': 'rgb(76, 252, 15)', //'#00ff15', #b8ef43
			},
			keyframes: {
				marquee: {
					'0%': {
						transform: 'translate3d(0%, 0, 0)',
					},
					'100%': {
						transform: 'translate3d(-100%, 0, 0)',
					},
				},
			},
			animation: {
				marquee: 'marquee 40s linear infinite',
			},
			fontSize: {
				'hero-text': 'var(--hero-text-size)',
				'skill-sm': 'var(--skill-text-size-sm)',
				skill: 'var(--skill-text-size)',
				body: 'clamp(1.1rem, 2vw, 1.3rem)',
				heading: 'clamp(2rem, 5vw, 2.75rem)',
				'works-title': 'clamp(1.25rem, 2vw, 1.5rem)',
				'body-4': 'clamp(0.75rem, 3vw, 1rem)',
			},
			transitionProperty: {
				width: 'width',
				top: 'top',
			},
		},
	},
	plugins: [],
}

export default config