theteamfuture.github.io/uno.config.ts at main · theTeamFuture/theteamfuture.github.io · 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
import {
  defineConfig,
  presetIcons,
  presetTypography,
  presetWind4,
  transformerCompileClass,
  transformerDirectives,
  transformerVariantGroup,
} from "unocss";
import { FileSystemIconLoader } from "@iconify/utils/lib/loader/node-loaders";
import { theme } from "unocss/preset-wind4";

// https://unocss.dev/config
export default defineConfig({
  presets: [
    presetIcons({
      collections: {
        local: FileSystemIconLoader("./src/assets/icons", (svg) =>
          svg.replace('fill="#000"', 'fill="transparent"'),
        ),
      },
    }),
    presetWind4({
      preflights: { reset: true },
    }),
    presetTypography({
      cssExtend: {
        a: {
          color: theme.colors.blue[500],
          "text-decoration": "none",
          "transition-property": "color",
          "transition-timing-function": theme.default.transition.timingFunction,
          "transition-duration": theme.default.transition.duration,
        },
        "a:hover": { color: theme.colors.red[500] },
        audio: {
          margin: "1rem 0",
          width: "100%",
        },
        "blockquote p::before": {
          content: '""',
        },
        h2: {
          "border-bottom-width": "2px",
          "border-color": theme.colors.neutral[700],
        },
        figure: {
          "margin-top": "1.25rem",
          "margin-bottom": "1.25rem",
        },
        "figure figcaption": {
          "text-align": "center",
        },
        "figure img": {
          margin: "0 auto",
          "max-width": "75%",
        },
        p: {
          "overflow-wrap": "break-word",
        },
      },
    }),
  ],
  transformers: [
    transformerCompileClass(),
    transformerDirectives(),
    transformerVariantGroup(),
  ],
});