forked from creativetimofficial/material-tailwind-kit-react
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
26 lines (26 loc) · 1.02 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
module.exports = {
mode: 'jit',
purge: ['./src/**/*.js', './public/index.html'],
darkMode: false, // or 'media' or 'class'
theme: {
fontFamily: {
sans: ['Roboto', 'sans-serif'],
serif: ['"Roboto Slab"', 'serif'],
body: ['Roboto', 'sans-serif'],
},
extend: {
backgroundImage: () => ({
'login-background':
"linear-gradient(rgba(0,0,0, 0.75), rgba(0,0,0, 0.75)), url('/src/assets/img/background-1920x1280.jpg')",
'landing-background':
'linear-gradient(rgba(0,0,0, 0.75), rgba(0,0,0, 0.75)), url(https://images.unsplash.com/photo-1557804506-669a67965ba0?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80)',
'profile-background':
"linear-gradient(rgba(0,0,0, 0.75), rgba(0,0,0, 0.75)), url('/src/assets/img/background-1920x1080.jpg')",
}),
},
},
variants: {
extend: {},
},
plugins: [],
};