website/unocss.config.js

46 lines
1.3 KiB
JavaScript

/*
* @LastEditTime: 2024-06-03 16:00:11
* @Description: unocss 配置
* @Date: 2023-06-26 04:22:50
* @Author: isboyjc
* @LastEditors: isboyjc
*/
import { presetAttributify, presetUno, defineConfig } from "unocss";
// Unocss 指令插件
import transformerDirectives from '@unocss/transformer-directives'
// 变体组 指令插件
// 使用: <div class="hover:(bg-gray-400 font-medium) font-(light mono)"/>
// 转化: <div class="hover:bg-gray-400 hover:font-medium font-light font-mono"/>
import transformerVariantGroup from '@unocss/transformer-variant-group'
export default defineConfig({
// 快捷方式
shortcuts: {
'flex-center': 'flex justify-center items-center',
'flex-justify-center': 'flex justify-center',
'flex-items-center': 'flex items-center'
// 'border-main': 'border-gray-400 border-opacity-30',
// 'bg-main': 'bg-gray-400',
// 'bg-base': 'bg-white dark:bg-hex-1a1a1a',
},
presets: [
presetUno(),
presetAttributify({
prefix: 'uno-',
prefixedOnly: true, // <--
})
],
// 主题
theme: {
colors: {
primary: 'var(--vp-c-indigo-1)',
},
fontFamily: {
mono: 'var(--vt-font-family-mono)',
},
},
transformers: [
transformerDirectives(),
transformerVariantGroup(),
],
})