127 lines
4.2 KiB
JavaScript
Executable File
127 lines
4.2 KiB
JavaScript
Executable File
/** @type {import('tailwindcss').Config} */
|
|
const svgToDataUri = require('mini-svg-data-uri')
|
|
const colors = require('tailwindcss/colors')
|
|
export default {
|
|
content: [
|
|
'./index.html',
|
|
'./src/**/*.{vue,js,ts,jsx,tsx}',
|
|
'./src/**/**/*.{vue,js,ts,jsx,tsx}',
|
|
'./node_modules/vue-tailwind-datepicker/**/*.js',
|
|
'./node_modules/@flavorly/vanilla-components/dist/presets/tailwind/all.json'
|
|
],
|
|
mode: 'jit',
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
backgroundImage: (theme) => ({
|
|
'multiselect-caret': `url("${svgToDataUri(
|
|
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"></path></svg>`
|
|
)}")`,
|
|
'multiselect-spinner': `url("${svgToDataUri(
|
|
`<svg viewBox="0 0 512 512" fill="${theme(
|
|
'colors.green.500'
|
|
)}" xmlns="http://www.w3.org/2000/svg"><path d="M456.433 371.72l-27.79-16.045c-7.192-4.152-10.052-13.136-6.487-20.636 25.82-54.328 23.566-118.602-6.768-171.03-30.265-52.529-84.802-86.621-144.76-91.424C262.35 71.922 256 64.953 256 56.649V24.56c0-9.31 7.916-16.609 17.204-15.96 81.795 5.717 156.412 51.902 197.611 123.408 41.301 71.385 43.99 159.096 8.042 232.792-4.082 8.369-14.361 11.575-22.424 6.92z"></path></svg>`
|
|
)}")`,
|
|
'multiselect-remove': `url("${svgToDataUri(
|
|
`<svg viewBox="0 0 320 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z"></path></svg>`
|
|
)}")`
|
|
}),
|
|
fontFamily: {
|
|
sans: ['Plus Jakarta Sans', 'sans-serif']
|
|
},
|
|
width: {
|
|
266: '266px',
|
|
320: '320px'
|
|
},
|
|
height: {
|
|
'screen-80': '80vh'
|
|
},
|
|
colors: {
|
|
'vtd-primary': {
|
|
50: '#e6eff1',
|
|
100: '#cddee3',
|
|
200: '#9abdc6',
|
|
300: '#689daa',
|
|
400: '#357c8d',
|
|
500: '#035b71',
|
|
600: '#02495a',
|
|
700: '#02495a',
|
|
800: '#01242d',
|
|
900: '#011217'
|
|
},
|
|
layout: '#F3F7F9',
|
|
dark: '#151617',
|
|
aside: '#2E3536',
|
|
primary: {
|
|
50: '#e6eff1',
|
|
100: '#cddee3',
|
|
200: '#9abdc6',
|
|
300: '#689daa',
|
|
400: '#357c8d',
|
|
500: '#035b71',
|
|
600: '#02495a',
|
|
700: '#02495a',
|
|
800: '#01242d',
|
|
900: '#011217'
|
|
},
|
|
secondary: {
|
|
50: '#e5eef7',
|
|
100: '#ccebef',
|
|
200: '#99d7df',
|
|
300: '#66c2d0',
|
|
400: '#33aec0',
|
|
500: '#00a2b9',
|
|
600: '#007b8d',
|
|
700: '#005c6a',
|
|
800: '#003e46',
|
|
900: '#001f23'
|
|
},
|
|
red: {
|
|
50: '#ffe5e5',
|
|
100: '#ffcccc',
|
|
200: '#ff9999',
|
|
300: '#ff6666',
|
|
400: '#ff3333',
|
|
500: '#ff0000',
|
|
600: '#cc0000',
|
|
700: '#990000',
|
|
800: '#660000',
|
|
900: '#330000'
|
|
},
|
|
yellow: {
|
|
50: '#ffffe5',
|
|
100: '#ffffcc',
|
|
200: '#ffff99',
|
|
300: '#ffff66',
|
|
400: '#ffff33',
|
|
500: '#ffff00',
|
|
600: '#cccc00',
|
|
700: '#999900',
|
|
800: '#666600',
|
|
900: '#333300'
|
|
},
|
|
gray: {
|
|
50: '#f9fafb',
|
|
100: '#f3f4f6',
|
|
200: '#e5e7eb',
|
|
300: '#d1d5db',
|
|
400: '#9ca3af',
|
|
500: '#6b7280',
|
|
600: '#4b5563',
|
|
700: '#374151',
|
|
800: '#1f2937',
|
|
900: '#111827'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
require('@tailwindcss/container-queries'),
|
|
require('@headlessui/tailwindcss'),
|
|
require('@headlessui/tailwindcss')({ prefix: 'ui' })
|
|
]
|
|
}
|