Make current code library + add docs

2023-02-18 11:43:12 -07:00
parent 0faa24d5d3
commit 4434796aab
124 changed files with 1282 additions and 4984 deletions
--- a/lib/components/nav/NavRow.vue
+++ b/lib/components/nav/NavRow.vue
@@ -0,0 +1,47 @@
+<script setup>
+defineProps({})
+</script>
+
+<template>
+  <div class="omorphia__navrow">
+    <slot />
+    <div class="margin-left-auto">
+      <slot name="right" />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.omorphia__navrow {
+  display: flex;
+  flex-direction: row;
+
+  :deep(.omorphia__button) {
+    position: relative;
+
+    &::after {
+      content: '';
+      position: absolute;
+      width: calc(100% - var(--gap-lg) * 2);
+      height: 4px;
+      bottom: 4px;
+      border-radius: var(--radius-max);
+      background-color: var(--color-brand);
+      opacity: 0;
+    }
+
+    &:hover::after {
+      opacity: 50%;
+    }
+
+    &.selected {
+      color: var(--color-contrast);
+      font-weight: bold;
+
+      &::after {
+        opacity: 1;
+      }
+    }
+  }
+}
+</style>