74 lines
2.5 KiB
TypeScript
74 lines
2.5 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)',
|
|
},
|
|
},
|
|
};
|