personal-website/uno.config.ts
2024-03-13 15:17:11 +08:00

53 lines
1.6 KiB
TypeScript

import {
defineConfig,
presetAttributify,
presetIcons,
presetTypography,
presetUno,
presetWebFonts,
transformerDirectives,
transformerVariantGroup,
} from 'unocss'
export default defineConfig({
shortcuts: [
{
'bg-main': 'bg-white dark:bg-black',
'text-main': 'text-hex-555 dark:text-hex-bbb',
'text-link': 'text-dark dark:text-white ',
'border-main': 'border-truegray-300 dark:border-truegray-600',
},
{
'text-title': 'text-link text-4xl font-800',
'nav-link': 'text-link opacity-70 hover:opacity-100 transition-opacity duration-200 cursor-pointer',
'prose-link': 'text-link text-nowrap cursor-pointer border-b-1 !border-opacity-30 hover:!border-opacity-100 border-neutral-500 hover:border-truegray-600 dark:border-neutral-500 hover:dark:border-truegray-400 transition-border-color duration-200 decoration-none',
'container-link': 'p-2 opacity-60 hover:opacity-100 cursor-pointer hover:bg-truegray-500 !bg-opacity-10 transition-colors transition-opacity duration-200',
},
],
presets: [
presetUno(),
presetAttributify(),
presetIcons({
scale: 1.2,
prefix: 'i-',
extraProperties: {
display: 'inline-block',
},
}),
presetTypography(),
presetWebFonts({
fonts: {
sans: 'Inter:400,600,800',
mono: 'DM Mono:400,600',
},
}),
],
transformers: [transformerDirectives(), transformerVariantGroup()],
safelist: [
'i-carbon-webhook',
'i-carbon-mountain',
'i-carbon-pen-fountain',
'i-carbon-face-satisfied',
'i-carbon-tools-alt',
],
})