12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- const generatePrimaryColors = () => {
- const result = {
- primary: `var(--primary-color)`
- }
- for (let i = 0; i < 10; i++) {
- result[`primary-${i}`] = `var(--primary-${i})`
- }
- return result
- }
- const generateFontSize = () => {
- const result = {}
- for (let i = 10; i < 32; i++) {
- result[i] = `${i}px`
- }
- return result
- }
- const colors = require('tailwindcss/colors')
- const filterWarnColors = (colors) => {
- const result = {}
- for (const key in colors) {
- if (['lightBlue', 'warmGray', 'trueGray', 'coolGray', 'blueGray'].indexOf(key) === -1) {
- result[key] = colors[key]
- }
- }
- return result
- }
- module.exports = {
- content: ['./src/**/*.vue', './src/**/*.js'],
- darkMode: 'class',
- corePlugins: {
- preflight: false
- },
- theme: {
- extend: {},
- colors: {
- transparent: 'transparent',
- current: 'currentColor',
- ...filterWarnColors(colors),
- ...generatePrimaryColors()
- },
- fontWeight: {
- 1: 100,
- 2: 200,
- 3: 300,
- 4: 400,
- 5: 500,
- 6: 600,
- 7: 700,
- 8: 800,
- 9: 900
- },
- fontSize: {
- ...generateFontSize()
- }
- },
- variants: {},
- plugins: []
- }
|