FixIt/uno.config.ts at main · Stlara-F/FixIt · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import { defineConfig, presetIcons, presetWind3 } from 'unocss'

export default defineConfig({
  presets: [
    presetIcons({
      prefix: '',
      collections: {
        lucide: () => import('@iconify/json/json/lucide.json').then(i => i.default),
        octicon: () => import('@iconify/json/json/octicon.json').then(i => i.default),
      },
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'text-bottom',
      },
    }),
    presetWind3(),
  ],
  theme: {
    // FixIt responsive breakpoints (min-width, mobile-first)
    // xs (< 680px) use max-sm: prefix in UnoCSS
    breakpoints: {
      sm: '680px',
      md: '960px',
      lg: '1200px',
      xl: '1440px',
    },
    colors: {
      primary: 'var(--fi-primary)',
      secondary: 'var(--fi-secondary)',
      success: 'var(--fi-success)',
      info: 'var(--fi-info)',
      warning: 'var(--fi-warning)',
      danger: 'var(--fi-danger)',
    },
  },
  // No preflight/reset — FixIt has its own in core/_reboot.scss
  preflights: [],
  // Semantic z-index shortcuts (mirrors core/mixins/_z-index.scss)
  shortcuts: {
    'z-hide': 'z--1',
    'z-auto': 'z-auto',
    'z-base': 'z-1',
    'z-loading': 'z-10',
    'z-sticky': 'z-100',
    'z-fixed': 'z-200',
  },
  // Block unused or false-positive utilities
  blocklist: [
    'container',
    /^h[1-6]$/,
    // Block legacy Font Awesome icons (FA uses CSS font, not SVG)
    /^fa-/,
  ],
  // Always generate order utilities (used dynamically in templates)
  safelist: [
    // For footer lines order, optional values: ["first", 0-5, "last"]
    'order-first',
    'order-last',
    'order-0',
    'order-1',
    'order-2',
    'order-3',
    'order-4',
    'order-5',
    // Responsive visibility
    'sm:hidden',
    'max-sm:hidden',
    'print:hidden',
    // Print page breaks
    'break-before-page',
    'break-after-page',
  ],
  // Scan Hugo templates for class usage
  content: {
    filesystem: [
      'layouts/**/*.html',
      'assets/js/**/*.ts',
    ],
  },
  // CLI entry for unocss / unocss:watch
  cli: {
    entry: [
      {
        patterns: ['layouts/**/*.html', 'assets/js/**/*.ts'],
        outFile: 'assets/css/unocss.css',
      },
    ],
  },
})