-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
50 lines (47 loc) · 1.11 KB
/
tailwind.config.cjs
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
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
content: ["./index.html",
"./src/**/*.{js,ts,jsx,tsx}"],
theme: {
fontFamily :{
'Manrope': ['Manrope', ...defaultTheme.fontFamily.sans]
},
extend: {
colors:{
primary : 'var(--highlight-green-color)',
secondary : 'var(--highlight-grey-color)',
ternary : 'var(--highlight-light-black-color)',
quarternary : 'var(--highlight-black-color)'
},
zIndex:{
"-1":"-1",
},
transformOrigin: {
"0": "0%",
},
fontSize: {
'2xl': ['2.25em', {
lineHeight: '3rem',
letterSpacing: '-0.01em',
fontWeight: '600',
}
],
's' : ['0.875em',{
lineHeight: '1.25rem',
letterSpacing: '-0.01em',
fontWeight: '600',
}],
'extrasmall' : ['0.75em',{
lineHeight: '1.125rem',
letterSpacing: '-0.01em',
fontWeight: '500',
}],
}
},
variants : {
borderColor: ['responsive', 'hover', 'focus', 'focus-within']
},
plugins: [],
}
}