From 937db1dba7040fdc08fcbf14fffa34804dc0ebf8 Mon Sep 17 00:00:00 2001
From: beefchimi <curtdulmage@gmail.com>
Date: Sun, 18 Aug 2024 18:52:11 -0400
Subject: [PATCH] :art: [Lint] Run auto-format

---
 app/website/src/components/SpeedSlider.vue       | 13 +++----------
 app/website/src/components/VolumeManager.vue     |  8 ++------
 app/website/src/components/VolumeStack.vue       |  9 ++-------
 app/website/src/primitives/MotionSlideReveal.vue | 14 ++------------
 app/website/src/primitives/ProgressBar.vue       |  3 +--
 app/website/src/styles/design-system.css         |  4 +---
 app/website/src/styles/keyframes.css             |  6 ++----
 app/website/src/styles/mixin.css                 |  3 +--
 app/website/src/styles/reset.css                 | 10 +++-------
 app/website/src/views/HomeView.vue               |  5 +----
 10 files changed, 18 insertions(+), 57 deletions(-)

diff --git a/app/website/src/components/SpeedSlider.vue b/app/website/src/components/SpeedSlider.vue
index 96bf74a..a83dee7 100644
--- a/app/website/src/components/SpeedSlider.vue
+++ b/app/website/src/components/SpeedSlider.vue
@@ -70,21 +70,15 @@ const stripes = computed(() => {
 <style scoped>
 .SpeedSlider {
   /* Webkit does not like `height > 100%` for inputs. */
-  --speed-slider-track-height: calc(
-    var(--row-height) - var(--action-padding) * 2
-  );
-  --speed-slider-progress-height: calc(
-    var(--row-height) - var(--action-padding) * 2 - var(--app-border-width) * 4
-  );
+  --speed-slider-track-height: calc(var(--row-height) - var(--action-padding) * 2);
+  --speed-slider-progress-height: calc(var(--row-height) - var(--action-padding) * 2 - var(--app-border-width) * 4);
 
   --speed-slider-track-stop-1: calc(50% - var(--app-border-width));
   --speed-slider-track-stop-2: calc(50% + var(--app-border-width));
 
   --slider-progress: 0;
   --slider-percent: calc(var(--slider-progress) * 1%);
-  --slider-offset: calc(
-    var(--row-height) * (0.5 - var(--slider-progress) / 100)
-  );
+  --slider-offset: calc(var(--row-height) * (0.5 - var(--slider-progress) / 100));
 
   display: grid;
   flex: 1 1 auto;
@@ -133,7 +127,6 @@ const stripes = computed(() => {
 
 @mixin input-track {
   height: var(--speed-slider-track-height);
-  /* prettier-ignore */
   background: linear-gradient(
     transparent 0% var(--speed-slider-track-stop-1),
     currentColor var(--speed-slider-track-stop-1) var(--speed-slider-track-stop-2),
diff --git a/app/website/src/components/VolumeManager.vue b/app/website/src/components/VolumeManager.vue
index 5a17d9b..d60a88f 100644
--- a/app/website/src/components/VolumeManager.vue
+++ b/app/website/src/components/VolumeManager.vue
@@ -57,15 +57,11 @@ const progress = computed(() => {
 
 <style scoped>
 .VolumeManager {
-  --volume-manager-track-height: calc(
-    var(--row-height) - var(--action-padding) * 2
-  );
+  --volume-manager-track-height: calc(var(--row-height) - var(--action-padding) * 2);
 
   --slider-progress: 0;
   --slider-percent: calc(var(--slider-progress) * 1%);
-  --slider-offset: calc(
-    var(--row-height) * (0.5 - var(--slider-progress) / 100)
-  );
+  --slider-offset: calc(var(--row-height) * (0.5 - var(--slider-progress) / 100));
 
   display: grid;
   align-items: center;
diff --git a/app/website/src/components/VolumeStack.vue b/app/website/src/components/VolumeStack.vue
index 172f39f..e697195 100644
--- a/app/website/src/components/VolumeStack.vue
+++ b/app/website/src/components/VolumeStack.vue
@@ -53,18 +53,14 @@ const progress = computed(() => {
 
 <style scoped>
 .VolumeStack {
-  --volume-stack-track-height: calc(
-    var(--row-height) - var(--action-padding) * 2
-  );
+  --volume-stack-track-height: calc(var(--row-height) - var(--action-padding) * 2);
 
   --volume-stack-track-stop-1: calc(50% - var(--app-border-width) / 2);
   --volume-stack-track-stop-2: calc(50% + var(--app-border-width) / 2);
 
   --slider-progress: 0;
   --slider-percent: calc(var(--slider-progress) * 1%);
-  --slider-offset: calc(
-    var(--row-height) * (0.5 - var(--slider-progress) / 100)
-  );
+  --slider-offset: calc(var(--row-height) * (0.5 - var(--slider-progress) / 100));
 
   position: relative;
   z-index: 1;
@@ -84,7 +80,6 @@ const progress = computed(() => {
 
 @mixin input-track {
   height: var(--volume-stack-track-height);
-  /* prettier-ignore */
   background: linear-gradient(
     transparent 0% var(--volume-stack-track-stop-1),
     var(--color-primary) var(--volume-stack-track-stop-1) var(--volume-stack-track-stop-2),
diff --git a/app/website/src/primitives/MotionSlideReveal.vue b/app/website/src/primitives/MotionSlideReveal.vue
index e04ecb8..7b330ef 100644
--- a/app/website/src/primitives/MotionSlideReveal.vue
+++ b/app/website/src/primitives/MotionSlideReveal.vue
@@ -22,12 +22,7 @@ defineProps<MotionSlideRevealProps>();
 .slideReveal-enter-active,
 .slideReveal-leave-active {
   --clip-path-x: 100%;
-  clip-path: polygon(
-    0 0,
-    var(--clip-path-x) 0,
-    var(--clip-path-x) 100%,
-    0 100%
-  );
+  clip-path: polygon(0 0, var(--clip-path-x) 0, var(--clip-path-x) 100%, 0 100%);
   transition: clip-path var(--duration-slow) var(--easing-cubic);
 
   /* Nested <LabelAction />
@@ -61,12 +56,7 @@ defineProps<MotionSlideRevealProps>();
 .slideReverse-enter-active,
 .slideReverse-leave-active {
   --clip-path-x: 0%;
-  clip-path: polygon(
-    var(--clip-path-x) 0,
-    100% 0,
-    100% 100%,
-    var(--clip-path-x) 100%
-  );
+  clip-path: polygon(var(--clip-path-x) 0, 100% 0, 100% 100%, var(--clip-path-x) 100%);
   transition: clip-path var(--duration-slow) var(--easing-cubic);
 
   /* Nested <LabelAction />
diff --git a/app/website/src/primitives/ProgressBar.vue b/app/website/src/primitives/ProgressBar.vue
index 23f8466..9bd8aa7 100644
--- a/app/website/src/primitives/ProgressBar.vue
+++ b/app/website/src/primitives/ProgressBar.vue
@@ -61,8 +61,7 @@ const progress = computed(() => calcProgress(value, {min, max, round: true}));
 
 .pattern-diagonal--animated {
   /* Custom class for unique duration and easing. */
-  animation: anim-svg-diagonal calc(var(--progress-pattern-speed, 0) * 1ms)
-    infinite steps(4);
+  animation: anim-svg-diagonal calc(var(--progress-pattern-speed, 0) * 1ms) infinite steps(4);
 }
 
 .Progress {
diff --git a/app/website/src/styles/design-system.css b/app/website/src/styles/design-system.css
index 79c849d..c06749a 100644
--- a/app/website/src/styles/design-system.css
+++ b/app/website/src/styles/design-system.css
@@ -43,9 +43,7 @@
   --app-border-width: 0.2rem;
 
   --app-max-width: 84rem;
-  --app-full-width-mobile: calc(
-    var(--breakpoint-mobile-begin) - var(--app-padding) * 2
-  );
+  --app-full-width-mobile: calc(var(--breakpoint-mobile-begin) - var(--app-padding) * 2);
 
   /* Paired with inset border gives the appearance of 4px padding. */
   --action-padding: 0.6rem;
diff --git a/app/website/src/styles/keyframes.css b/app/website/src/styles/keyframes.css
index 924279c..40fd787 100644
--- a/app/website/src/styles/keyframes.css
+++ b/app/website/src/styles/keyframes.css
@@ -3,8 +3,7 @@
     background-position: 0 0;
   }
   to {
-    background-position: var(--pattern-diagonal-size)
-      var(--pattern-diagonal-size);
+    background-position: var(--pattern-diagonal-size) var(--pattern-diagonal-size);
   }
 }
 
@@ -13,7 +12,6 @@
     background-position: 0 0;
   }
   to {
-    background-position: var(--pattern-halftone-size)
-      var(--pattern-halftone-size);
+    background-position: var(--pattern-halftone-size) var(--pattern-halftone-size);
   }
 }
diff --git a/app/website/src/styles/mixin.css b/app/website/src/styles/mixin.css
index 125e9bd..684460a 100644
--- a/app/website/src/styles/mixin.css
+++ b/app/website/src/styles/mixin.css
@@ -183,6 +183,5 @@
 @mixin pattern-halftone-dense {
   background-image: var(--pattern-halftone-dense-url);
   background-repeat: repeat;
-  background-size: var(--pattern-halftone-dense-size)
-    var(--pattern-halftone-dense-size);
+  background-size: var(--pattern-halftone-dense-size) var(--pattern-halftone-dense-size);
 }
diff --git a/app/website/src/styles/reset.css b/app/website/src/styles/reset.css
index 8beeaeb..7ce4621 100644
--- a/app/website/src/styles/reset.css
+++ b/app/website/src/styles/reset.css
@@ -3,9 +3,7 @@
  * https://github.com/elad2412/the-new-css-reset
 */
 
-*:where(
-    :not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)
-  ) {
+*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
   all: unset;
   display: revert;
 }
@@ -85,8 +83,7 @@ meter {
 /* --- Custom resets --- */
 
 html {
-  font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic',
-    source-sans-pro, sans-serif;
+  font-family: Avenir, 'Avenir Next LT Pro', Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif;
   font-size: 10px;
   font-display: swap;
   line-height: 1;
@@ -105,8 +102,7 @@ body {
 }
 
 code {
-  font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas,
-    'DejaVu Sans Mono', monospace;
+  font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
 }
 
 svg:not(:root) {
diff --git a/app/website/src/views/HomeView.vue b/app/website/src/views/HomeView.vue
index e3ebd50..7e422eb 100644
--- a/app/website/src/views/HomeView.vue
+++ b/app/website/src/views/HomeView.vue
@@ -49,10 +49,7 @@ const entries = [column1, column2];
 .Stacks {
   display: grid;
   gap: var(--app-spacing);
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(var(--app-full-width-mobile), 1fr)
-  );
+  grid-template-columns: repeat(auto-fit, minmax(var(--app-full-width-mobile), 1fr));
 
   @media (min-width: 1440px) and (min-height: 1280px) {
     gap: var(--row-height);