-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
58 lines (56 loc) · 1.7 KB
/
tailwind.config.ts
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
import type { Config } from "tailwindcss";
import type { PluginAPI } from 'tailwindcss/types/config';
const config: Config = {
content: [
"./pages/**/*.{js,ts,jsx,tsx,mdx}",
"./components/**/*.{js,ts,jsx,tsx,mdx}",
"./app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
backgroundImage: {
'radial-blue-gradient': 'radial-gradient(circle at center, #020617 0%, #1e40af 100%)'
},
},
},
plugins: [
function({ addUtilities }: PluginAPI) {
const newUtilities = {
".h1": {
"@apply uppercase font-semibold text-4xl md:text-5xl lg:text-6xl xl:text-7xl tracking-wide": {},
variants: ['responsive', 'hover'],
},
".h2": {
"@apply font-semibold text-2xl md:text-3xl lg:text-4xl": {},
variants: ['responsive', 'hover'],
},
".h3": {
"@apply text-[2rem] leading-normal md:text-[2.5rem]": {},
variants: ['responsive', 'hover'],
},
".p": {
"@apply text-slate-300":{},
variants: ['responsive', 'hover'],
},
".p-sm": {
"@apply text-sm text-slate-300":{},
variants: ['responsive', 'hover'],
},
".p-xs": {
"@apply text-xs text-slate-600 font-semibold":{},
variants: ['responsive', 'hover'],
},
'.text-slogan': {
'@apply text-lime-300 uppercase font-semibold text-sm tracking-wider': {},
variants: ['responsive', 'hover'],
},
".flex-center": {
'@apply flex items-center justify-center': {},
variants: ['responsive', 'hover'],
}
};
addUtilities(newUtilities);
},
],
};
export default config;