-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
34 lines (32 loc) · 951 Bytes
/
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
// /** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin');
module.exports = {
darkMode: "class", //change media or class
content: ["./*.{html,js}"],
theme: {
fontFamily: {
nunito: "Plus Jakarta Sans, sans-serif",
},
container: {
center: true,
padding: {
DEFAULT: '16px',
xl: '50px',
}
},
extend: {},
},
plugins: [
plugin(function({ matchUtilities, theme }) {
matchUtilities(
{
'translate-z': (value) => ({
'--tw-translate-z': value,
transform: ` translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))`,
}), // this is actual CSS
},
{ values: theme('translate'), supportsNegativeValues: true }
)
})
],
};