diff --git a/index.html b/index.html
index ea10d25..374fbbc 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,6 @@
- commit: %VITE_BUILD_COMMIT%
diff --git a/src/App.vue b/src/App.vue
index 613fac0..5f28e9f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,8 @@
-
+
+ commit: {{ VITE_BUILD_COMMIT }}
diff --git a/src/assets/main.css b/src/assets/main.css
index 36fb845..40a5eeb 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -20,16 +20,3 @@ a,
background-color: hsla(160, 100%, 37%, 0.2);
}
}
-
-@media (min-width: 1024px) {
- body {
- display: flex;
- place-items: center;
- }
-
- #app {
- display: grid;
- grid-template-columns: 1fr 1fr;
- padding: 0 2rem;
- }
-}
diff --git a/src/pages/index-page.vue b/src/pages/index-page.vue
index f1a3ef1..1cf2651 100644
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@@ -7,7 +7,5 @@ definePage({
-
-
Index Page
-
+ Index Page
diff --git a/unocss.config.ts b/unocss.config.ts
new file mode 100644
index 0000000..36cb41a
--- /dev/null
+++ b/unocss.config.ts
@@ -0,0 +1,61 @@
+// https://github.dev/unocss/unocss/tree/main/examples/vite-vue3
+import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders';
+import presetRemToPx from '@unocss/preset-rem-to-px';
+import {
+ defineConfig,
+ presetAttributify,
+ presetIcons,
+ presetUno,
+ transformerDirectives,
+ transformerVariantGroup,
+} from 'unocss';
+
+export default defineConfig({
+ shortcuts: [
+ {
+ 'logo-transform': 'i-icon:pacman w-6em h-6em transform transition-800',
+ pacman: 'i-icon:pacman uno-text-(pink 36)',
+ },
+ ],
+ presets: [
+ presetUno({
+ /* prefix: "u-", */
+ }),
+
+ // https://unocss.dev/presets/rem-to-px
+ presetRemToPx({ baseFontSize: 4 }),
+
+ // https://unocss.dev/presets/attributify
+ presetAttributify(),
+
+ presetIcons({
+ /*extraProperties: {
+ display: "inline-block",
+ "vertical-align": "middle",
+ },*/
+ customizations: {
+ iconCustomizer(collection, icon, props) {
+ props.width = '1em';
+ props.height = '1em';
+ },
+ },
+ collections: {
+ icon: FileSystemIconLoader('src/assets/uno-svg', (svg) => {
+ // width="200px" height="200.00px"
+ return svg.replace(/#000000|#000/g, 'currentColor');
+ }),
+ },
+ warn: true,
+ }),
+ ],
+ transformers: [
+ //https://unocss.dev/transformers/variant-group
+ transformerVariantGroup(),
+
+ // https://unocss.dev/transformers/directives
+ transformerDirectives(),
+ ],
+});
+
+// text-[var(--h-gray-1)]
+//