62 lines
1.5 KiB
TypeScript
62 lines
1.5 KiB
TypeScript
// https://github.dev/unocss/unocss/tree/main/examples/vite-vue3
|
|
import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
|
|
import presetRemToPx from '@unocss/preset-rem-to-px';
|
|
import {
|
|
defineConfig,
|
|
presetAttributify,
|
|
presetIcons,
|
|
presetUno,
|
|
transformerDirectives,
|
|
transformerVariantGroup,
|
|
} from 'unocss';
|
|
|
|
export default defineConfig({
|
|
shortcuts: [
|
|
{
|
|
'logo-transform': 'i-icon:pacman w-6em h-6em transform transition-800',
|
|
pacman: 'i-icon:pacman uno-text-(pink 36)',
|
|
},
|
|
],
|
|
presets: [
|
|
presetUno({
|
|
/* prefix: "u-", */
|
|
}),
|
|
|
|
// https://unocss.dev/presets/rem-to-px
|
|
presetRemToPx({ baseFontSize: 4 }),
|
|
|
|
// https://unocss.dev/presets/attributify
|
|
presetAttributify(),
|
|
|
|
presetIcons({
|
|
/*extraProperties: {
|
|
display: "inline-block",
|
|
"vertical-align": "middle",
|
|
},*/
|
|
customizations: {
|
|
iconCustomizer(collection, icon, props) {
|
|
props.width = '1em';
|
|
props.height = '1em';
|
|
},
|
|
},
|
|
collections: {
|
|
icon: FileSystemIconLoader('src/assets/uno-svg', (svg) => {
|
|
// width="200px" height="200.00px"
|
|
return svg.replace(/#000000|#000/g, 'currentColor');
|
|
}),
|
|
},
|
|
warn: true,
|
|
}),
|
|
],
|
|
transformers: [
|
|
//https://unocss.dev/transformers/variant-group
|
|
transformerVariantGroup(),
|
|
|
|
// https://unocss.dev/transformers/directives
|
|
transformerDirectives(),
|
|
],
|
|
});
|
|
|
|
// text-[var(--h-gray-1)]
|
|
// <div class="i-icon:pacman text-(pink 36)" />
|