Files
NetVizor/src/NetVizor.Frontend/uno.config.ts
T

56 lines
1.6 KiB
TypeScript

/**
* Time:2025/5/18 13:38 35
* Name:uno.config.ts
* Path:
* ProjectName:ClientApp
* Author:charlatans
*
* Il n'ya qu'un héroïsme au monde :
* c'est de voir le monde tel qu'il est et de l'aimer.
*/
import { defineConfig } from 'unocss'
import presetMini from '@unocss/preset-mini'
export default defineConfig({
theme: {
colors: {
// ...
}
},
presets: [
// 基础预设
presetMini(),
// ...other presets
],
rules: [
// border-x, border-y, border-t/b/r/l
[/^border$/, () => ({ border: '1px solid #ccc' })],
[/^border-(\d+)$/, ([, d]) => ({ border: `${d}px solid #ccc` })],
[/^border-([tblr])$/, ([, dir]) => ({ [`border-${dir}`]: '1px solid #ccc' })],
[/^border-(solid|dashed|dotted)$/, ([, style]) => ({ 'border-style': style })],
// border-style
[/^border-(solid|dashed|dotted)$/, ([, style]) => ({ 'border-style': style })],
// Shadow rules
[/^shadow$/, () => ({ 'box-shadow': '0 1px 3px rgba(0, 0, 0, 0.1)' })],
[/^shadow-(sm|md|lg|xl|2xl)$/, ([, size]) => {
const shadows = {
sm: '0 1px 2px rgba(0, 0, 0, 0.05)',
md: '0 4px 6px rgba(0, 0, 0, 0.1)',
lg: '0 10px 15px rgba(0, 0, 0, 0.15)',
xl: '0 20px 25px rgba(0, 0, 0, 0.2)',
'2xl': '0 25px 50px rgba(0, 0, 0, 0.25)',
}
return { 'box-shadow': shadows[size] }
}],
[/^shadow-inner$/, () => ({ 'box-shadow': 'inset 0 2px 4px rgba(0, 0, 0, 0.06)' })],
[/^shadow-none$/, () => ({ 'box-shadow': 'none' })],
],
shortcuts: [
['border-box', 'border border-gray-300 rounded-md'],
['card-shadow', 'shadow-md rounded-lg bg-white p-4'],
],
})