uniViteTemplate/tailwind.config.ts
2024-08-30 14:26:29 +08:00

75 lines
2.7 KiB
TypeScript

import { getIconCollections, iconsPlugin } from '@egoist/tailwindcss-icons';
import { isMp } from './build/platform';
/** @type {import('tailwindcss').Config} */
export default {
content: ['./public/index.html', './src/**/**.{html,js,ts,jsx,tsx,vue}'],
corePlugins: {
// 小程序去使用 h5 的 preflight 和响应式 container 没有意义
preflight: !isMp,
container: !isMp,
},
plugins: [iconsPlugin({
collections: getIconCollections(['mdi', 'svg-spinners']),
})],
theme: {
"extend": {
"opacity": {
"disabled": "var(--opacity-disabled)"
}
},
"colors": {
"primary": "var(--colors-primary)",
"secondary": "var(--colors-secondary)",
"accent": "var(--colors-accent)",
"success": "var(--colors-success)",
"warning": "var(--colors-warning)",
"error": "var(--colors-error)",
"disable": "var(--colors-disable)",
"danger": "var(--colors-danger)",
"mark": "var(--colors-mark)",
"title": "var(--colors-title)",
"subtitle": "var(--colors-subtitle)",
"paragraph": "var(--colors-paragraph)",
"fontColorblack": "var(--colors-fontColorblack)",
"fontColorPrimary": "var(--colors-fontColorPrimary)",
"fontColorInverse": "var(--colors-fontColorInverse)",
"fontColorGrey": "var(--colors-fontColorGrey)",
"fontColorPlaceholder": "var(--colors-fontColorPlaceholder)",
"fontColorDisable": "var(--colors-fontColorDisable)",
"fontColorBottomText": "var(--colors-fontColorBottomText)",
"container": "var(--colors-container)",
"page": "var(--colors-page)",
"containerInverse": "var(--colors-containerInverse)",
"containerHover": "var(--colors-containerHover)",
"secondaryHover": "var(--colors-secondaryHover)",
"containerMask": "var(--colors-containerMask)",
"iconButton": "var(--colors-iconButton)",
"borderColor": "var(--colors-borderColor)"
},
"fontSize": {
"sm": "var(--fontSize-sm)",
"base": "var(--fontSize-base)",
"lg": "var(--fontSize-lg)",
"title": "var(--fontSize-title)",
"subtitle": "var(--fontSize-subtitle)",
"paragraph": "var(--fontSize-paragraph)"
},
"borderRadius": {
"sm": "var(--borderRadius-sm)",
"base": "var(--borderRadius-base)",
"lg": "var(--borderRadius-lg)",
"circle": "var(--borderRadius-circle)"
},
"spacing": {
"rowSm": "var(--spacing-rowSm)",
"rowBase": "var(--spacing-rowBase)",
"rowLg": "var(--spacing-rowLg)",
"colSm": "var(--spacing-colSm)",
"colBase": "var(--spacing-colBase)",
"colLg": "var(--spacing-colLg)"
}
}
};