basic setup

2026-05-18 15:13:23 -04:00
parent c4113658f7
commit a54e63323f
33 changed files with 2563 additions and 43 deletions
--- a/components/Btn.vue
+++ b/components/Btn.vue
@@ -0,0 +1,32 @@
+<template>
+    <component :is="tag" class="btn">
+        <svg-btn-outline />
+
+        <slot />
+    </component>
+</template>
+
+<script setup>
+import SvgBtnOutline from '@/components/svg/BtnOutline.vue'
+
+const props = defineProps({
+    tag: {
+        type: String,
+        default: 'button',
+    },
+})
+</script>
+
+<style lang="scss">
+.btn {
+    text-transform: uppercase;
+    padding: desktop-vw(5px) desktop-vw(16px) desktop-vw(6px);
+    color: var(--grey-100);
+    position: relative;
+    cursor: pointer;
+
+    &:hover {
+        color: var(--theme-accent);
+    }
+}
+</style>