routie dev init since i didn't adhere to any proper guidance up until now

2026-04-29 22:27:29 -06:00
commit e1dabb71e2
15301 changed files with 3562618 additions and 0 deletions
@@ -0,0 +1,116 @@
+@layer vuetify-components {
+  .v-pie {
+    display: grid;
+    align-items: center;
+    column-gap: 24px;
+    --v-pie-size: 250px;
+  }
+  .v-pie--legend-top {
+    grid-template-areas: "title" "legend" "content";
+    grid-template-columns: var(--v-pie-size);
+  }
+  .v-pie--legend-bottom {
+    grid-template-areas: "title" "content" "legend";
+    grid-template-columns: var(--v-pie-size);
+  }
+  .v-pie--legend-right {
+    grid-template-areas: "title ." "content legend";
+  }
+  .v-pie--legend-left {
+    grid-template-areas: ". title" "legend content";
+  }
+  .v-pie--legend-hidden {
+    grid-template-areas: "title" "content";
+  }
+  .v-pie__title {
+    grid-area: title;
+    text-align: center;
+    padding-bottom: 12px;
+  }
+  .v-pie__content {
+    grid-area: content;
+    position: relative;
+    width: var(--v-pie-size);
+    height: var(--v-pie-size);
+  }
+}
+@layer vuetify-overrides {
+  .v-pie__content .v-overlay__scrim,
+  .v-pie__content .v-overlay__content {
+    pointer-events: none;
+  }
+}
+@layer vuetify-final.trumps {
+  .v-pie__content {
+    background: none;
+  }
+}
+@layer vuetify-components {
+  .v-pie__segments {
+    border-radius: 50%;
+  }
+  .v-pie__content-underlay {
+    border-radius: 50%;
+    position: absolute;
+    inset: -8px;
+    pointer-events: none;
+    z-index: -1;
+  }
+  .v-pie__center-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    pointer-events: none;
+  }
+  .v-pie__center-content > div {
+    pointer-events: auto;
+  }
+  .v-pie__legend {
+    grid-area: legend;
+    padding-block: 12px;
+  }
+  .v-pie__legend .v-avatar {
+    border: thin solid color-mix(in srgb, rgb(var(--v-theme-on-surface)) 20%, transparent);
+  }
+  .v-pie__legend .v-chip__content {
+    width: 100%;
+  }
+  .v-pie__legend .v-chip-group .v-chip:not(.v-chip--selected) {
+    opacity: 0.4;
+  }
+  .v-pie__legend__text {
+    font-size: 0.8125rem;
+    white-space: nowrap;
+    width: 100%;
+  }
+  .v-chip--density-compact .v-pie__legend__text {
+    font-size: 0.66rem;
+  }
+  .v-pie .v-chip.v-chip--density-comfortable .v-avatar--start {
+    margin-inline-start: -6px;
+  }
+  .v-pie .v-chip.v-chip--density-default .v-avatar--start {
+    margin-inline-start: -4px;
+  }
+  .v-pie-segment {
+    pointer-events: none;
+    position: absolute;
+    inset: 0;
+  }
+  .v-pie-segment .v-pie-segment__overlay {
+    pointer-events: auto;
+    opacity: 0;
+  }
+  .v-pie__tooltip-content .v-list-item {
+    padding-inline: 0;
+    min-width: 100px;
+    zoom: 0.88;
+  }
+  .v-pie__tooltip-content .v-list-item-subtitle {
+    opacity: 1;
+  }
+  .v-pie__tooltip-content .v-avatar {
+    border: thin solid color-mix(in srgb, rgb(var(--v-theme-on-surface-variant)) 20%, transparent);
+  }
+}