| | |
| | | import lineClamp from 'windicss/plugin/line-clamp'; |
| | | import colors from 'windicss/colors'; |
| | | |
| | | import { defineConfig } from 'vite-plugin-windicss'; |
| | | import { primaryColor } from './build/config/themeConfig'; |
| | | |
| | | export default defineConfig({ |
| | | darkMode: 'class', |
| | | plugins: [lineClamp, createEnterPlugin()], |
| | | plugins: [createEnterPlugin()], |
| | | theme: { |
| | | extend: { |
| | | zIndex: { |
| | | '-1': '-1', |
| | | }, |
| | | colors: { |
| | | ...colors, |
| | | primary: primaryColor, |
| | | secondary: 'rgba(0, 0, 0, 0.45)', |
| | | }, |
| | | screens: { |
| | | sm: '576px', |
| | |
| | | }); |
| | | |
| | | /** |
| | | * Used for animation when the element is displayed |
| | | * @param maxOutput The larger the maxOutput output, the larger the generated css volume |
| | | * Used for animation when the element is displayed. |
| | | * @param maxOutput The larger the maxOutput output, the larger the generated css volume. |
| | | */ |
| | | function createEnterPlugin(maxOutput = 10) { |
| | | function createEnterPlugin(maxOutput = 6) { |
| | | const createCss = (index: number, d = 'x') => { |
| | | const upd = d.toUpperCase(); |
| | | return { |