| 提交 | 用户 | age | ||
| 2f6253 | 1 | // #4c5eb8 |
| 陈 | 2 | const { colors, inset } = require('tailwindcss/defaultTheme'); |
| 3 | ||
| 4 | const themeColors = { | |
| 5 | mask: { | |
| 6 | light: 'rgba(255,255,255,0.3)', | |
| 7 | }, | |
| 8 | primary: '#018ffb', | |
| 9 | success: '#55d187', | |
| 10 | warning: '#ffd164', | |
| 11 | danger: '#ed6f6f', | |
| 12 | }; | |
| 13 | ||
| 14 | module.exports = { | |
| 15 | purge: { | |
| 16 | enabled: process.env.NODE_ENV === 'production', | |
| 17 | content: [ | |
| 18 | './index.html', | |
| 19 | './src/**/*.vue', | |
| 20 | './src/**/*.js', | |
| 21 | './src/**/*.jsx', | |
| 22 | './src/**/*.ts', | |
| 23 | './src/**/*.tsx', | |
| 24 | ], | |
| 25 | }, | |
| 26 | theme: { | |
| 27 | colors: { | |
| 28 | ...colors, | |
| 29 | ...themeColors, | |
| 30 | }, | |
| 31 | inset: { | |
| 32 | ...inset, | |
| 33 | '1/2': '50%', | |
| 34 | }, | |
| 35 | screens: { | |
| 36 | xs: '480px', | |
| 37 | sm: '576px', | |
| 38 | md: '768px', | |
| 39 | lg: '992px', | |
| 40 | xl: '1200px', | |
| 41 | xxl: '1600px', | |
| 42 | }, | |
| 43 | fontSize: { | |
| 44 | xs: '.75rem', // 12px | |
| 45 | sm: '.875rem', // 14px | |
| 46 | base: '1rem', // 16px | |
| 47 | lg: '1.125rem', // 18px | |
| 48 | xl: '1.25rem', // 20px | |
| 49 | '2xl': '1.5rem', // 24px | |
| 50 | '3xl': '1.875rem', // 30px | |
| 51 | '4xl': '2.25rem', // 36px | |
| 52 | '5xl': '3rem', // 48px | |
| 53 | '6xl': '4rem', // 64px | |
| 54 | logo: '9rem', // 134px | |
| 55 | }, | |
| 56 | fontWeight: { | |
| 57 | light: 300, | |
| 58 | normal: 400, | |
| 59 | medium: 500, | |
| 60 | semibold: 600, | |
| 61 | bold: 700, | |
| 62 | extrabold: 800, | |
| 63 | black: 900, | |
| 64 | }, | |
| 65 | fontFamily: { | |
| 66 | logo: [' Georgia', 'serif'], | |
| 67 | }, | |
| 68 | }, | |
| 69 | future: { | |
| 70 | // 2.0 remove col-gap-{n} | |
| 71 | removeDeprecatedGapUtilities: true, | |
| 72 | purgeLayersByDefault: true, | |
| 73 | }, | |
| 74 | }; | |
