-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
46 lines (45 loc) · 1.14 KB
/
tailwind.config.js
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
const plugin = require('tailwindcss/plugin')
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./public/index.html', './src/**/*.{html,js,ts,jsx,tsx}'],
theme: {
screens: {
mobile: '0px',
'mobile-md': '320px',
'mobile-lg': '375px',
tablet: '425px',
'tablet-md': '600px',
'tablet-lg': '768px',
laptop: '1024px',
'laptop-lg': '1366px',
desktop: '1440px',
hd: '1290px',
},
extend: {
fontFamily: {
pentatonic: ['Pentatonic', 'sans-serif'],
aeroport: ['Aeroport', 'sans-serif'],
},
colors: {
'main-white': '#EEE',
'main-black': '#0A0A0A',
},
backgroundImage: {
'image-background': 'url("./assets/images/background.webp")',
'image-pattern-transparency-sm': 'url("./src/assets/images/pattern-transparency-sm.webp")'
}
},
},
plugins: [
plugin(function ({ addUtilities }) {
addUtilities({
'.font-condensed': {
'font-stretch': 'condensed',
},
'.font-unstretched': {
'font-stretch': 'normal',
},
})
}),
],
}