55 lines
1.9 KiB
JavaScript
55 lines
1.9 KiB
JavaScript
import { defineConfig, presetAttributify, presetUno } from 'unocss'
|
|
import presetRemToPx from '@unocss/preset-rem-to-px'
|
|
|
|
export default defineConfig({
|
|
content: {
|
|
pipeline: {
|
|
include: [/\.(vue|svelte|[jt]sx|mdx?|html)($|\?)/],
|
|
},
|
|
},
|
|
presets: [presetUno(), presetAttributify(), presetRemToPx({ baseFontSize: 4 })],
|
|
shortcuts: [
|
|
['wh-full', 'w-full h-full'],
|
|
['f-c-c', 'flex justify-center items-center'],
|
|
['flex-col', 'flex flex-col'],
|
|
['absolute-lt', 'absolute left-0 top-0'],
|
|
['absolute-lb', 'absolute left-0 bottom-0'],
|
|
['absolute-rt', 'absolute right-0 top-0'],
|
|
['absolute-rb', 'absolute right-0 bottom-0'],
|
|
['absolute-center', 'absolute-lt f-c-c wh-full'],
|
|
['text-ellipsis', 'truncate'],
|
|
],
|
|
rules: [
|
|
[/^bc-(.+)$/, ([, color]) => ({ 'border-color': `#${color}` })],
|
|
[
|
|
'card-shadow',
|
|
{ 'box-shadow': '0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017' },
|
|
],
|
|
],
|
|
theme: {
|
|
colors: {
|
|
primary: 'var(--primary-color)',
|
|
primary_hover: 'var(--primary-color-hover)',
|
|
primary_pressed: 'var(--primary-color-pressed)',
|
|
primary_active: 'var(--primary-color-active)',
|
|
info: 'var(--info-color)',
|
|
info_hover: 'var(--info-color-hover)',
|
|
info_pressed: 'var(--info-color-pressed)',
|
|
info_active: 'var(--info-color-active)',
|
|
success: 'var(--success-color)',
|
|
success_hover: 'var(--success-color-hover)',
|
|
success_pressed: 'var(--success-color-pressed)',
|
|
success_active: 'var(--success-color-active)',
|
|
warning: 'var(--warning-color)',
|
|
warning_hover: 'var(--warning-color-hover)',
|
|
warning_pressed: 'var(--warning-color-pressed)',
|
|
warning_active: 'var(--warning-color-active)',
|
|
error: 'var(--error-color)',
|
|
error_hover: 'var(--error-color-hover)',
|
|
error_pressed: 'var(--error-color-pressed)',
|
|
error_active: 'var(--error-color-active)',
|
|
dark: '#18181c',
|
|
},
|
|
},
|
|
})
|