35 lines
691 B
JavaScript
35 lines
691 B
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
export default {
|
|
content: [
|
|
"./index.html",
|
|
"./src/**/*.{vue,js,ts,jsx,tsx}",
|
|
],
|
|
theme: {
|
|
extend: {},
|
|
screens: {
|
|
// 自定义响应式尺寸
|
|
'c-xs': {'max': '768px'},
|
|
'c-sm': {'min': '768px'}, //相当远默认的md
|
|
'c-md': {'min': '992px'},
|
|
'c-lg': {'min': '1200px'},
|
|
...defaultTheme.screens,
|
|
},
|
|
animation: {
|
|
fold: 'fold 1s infinite'
|
|
},
|
|
keyframes: {
|
|
fold: {
|
|
'0%, 100%': {
|
|
opacity: 0
|
|
},
|
|
'50%': {
|
|
opacity: 1
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: [],
|
|
}
|
|
|