-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
29 lines (28 loc) · 1023 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
const plugin = require('tailwindcss/plugin')
const theme = require('./tailwind.theme')
module.exports = {
mode: 'jit',
content: [
'./components/**/*.{vue,js}',
'./layouts/**/*.vue',
'./pages/**/*.vue',
'./plugins/**/*.{js,ts}',
'./nuxt.config.{js,ts}',
],
darkMode: 'class',
theme,
plugins: [
plugin(function({ addVariant }) {
addVariant('can-hover', ['@media (pointer: fine) and (hover: hover)'])
addVariant('no-hover', ['@media (pointer: coarse) and (hover: none)'])
addVariant('supports-blur', ['@supports (backdrop-filter: blur(1px))'])
addVariant('not-supports-blur', [
'@supports not (backdrop-filter: blur(1px))',
])
addVariant('landscape', '@media (orientation: landscape)')
addVariant('portrait', '@media (orientation: portrait)')
addVariant('height-sm', '@media (max-height: 500px)')
}),
],
// important: true,
}