From a5477524a6cc59cde3eb88c6ad068d900eb3008c Mon Sep 17 00:00:00 2001
From: "@andatoshiki" <hello@toshiki.dev>
Date: Sat, 16 Sep 2023 21:51:23 -0700
Subject: [PATCH] feat(unocss): introduce new global preset stylesheet variable
 with unocss package on formating design layout

---
 docs/.vitepress/theme/types/index.ts |  4 ++++
 unocss.config.ts                     | 33 ++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 docs/.vitepress/theme/types/index.ts
 create mode 100644 unocss.config.ts

diff --git a/docs/.vitepress/theme/types/index.ts b/docs/.vitepress/theme/types/index.ts
new file mode 100644
index 00000000..386371bf
--- /dev/null
+++ b/docs/.vitepress/theme/types/index.ts
@@ -0,0 +1,4 @@
+export interface PageInfo {
+    readTime: number | string
+    words: number | string
+}
diff --git a/unocss.config.ts b/unocss.config.ts
new file mode 100644
index 00000000..99123671
--- /dev/null
+++ b/unocss.config.ts
@@ -0,0 +1,33 @@
+import {
+    defineConfig,
+    presetAttributify,
+    presetIcons,
+    presetUno,
+    transformerDirectives,
+    transformerVariantGroup,
+} from 'unocss'
+
+export default defineConfig({
+    shortcuts: {
+        'border-main': 'border-gray-400 border-opacity-30',
+        'bg-main': 'bg-gray-400',
+        'bg-base': 'bg-white dark:bg-hex-1a1a1a',
+    },
+    presets: [
+        presetUno(),
+        presetAttributify(),
+        presetIcons({
+            scale: 1.2,
+            warn: true,
+        }),
+    ],
+    theme: {
+        colors: {
+            primary: '#3eaf7c',
+        },
+        fontFamily: {
+            mono: 'var(--vt-font-family-mono)',
+        },
+    },
+    transformers: [transformerDirectives(), transformerVariantGroup()],
+})