| | |
| | | import colors from 'windicss/colors'; |
| | | import { defineConfig } from 'vite-plugin-windicss'; |
| | | import { primaryColor } from './build/config/themeConfig'; |
| | | const primaryColor = '#0960bd'; |
| | | |
| | | export default defineConfig({ |
| | | export default { |
| | | darkMode: 'class', |
| | | plugins: [createEnterPlugin()], |
| | | theme: { |
| | |
| | | '-1': '-1', |
| | | }, |
| | | colors: { |
| | | ...colors, |
| | | primary: primaryColor, |
| | | }, |
| | | screens: { |
| | |
| | | }, |
| | | }, |
| | | }, |
| | | }); |
| | | }; |
| | | |
| | | /** |
| | | * 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 { |