From 02fbaaa2672a727821e98f4dd1554ad06dcc55b9 Mon Sep 17 00:00:00 2001
From: Thorn Walli <lammpee@gmail.com>
Date: Mon, 20 Jan 2025 10:24:34 +0100
Subject: [PATCH] fix(lint): fix stylelint errors

---
 playground/components/InfoLayer.vue                | 2 +-
 playground/components/base/Button.vue              | 2 +-
 playground/components/base/LinkList.vue            | 2 +-
 playground/components/fragments/PageHeaderMenu.vue | 8 ++++----
 src/runtime/components/BoosterVimeo.vue            | 2 +-
 src/runtime/components/BoosterVimeo/Base.vue       | 2 +-
 src/runtime/components/BoosterYoutube.vue          | 2 +-
 src/runtime/components/BoosterYoutube/Base.vue     | 2 +-
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/playground/components/InfoLayer.vue b/playground/components/InfoLayer.vue
index b63a4d5651..1b1b647b74 100644
--- a/playground/components/InfoLayer.vue
+++ b/playground/components/InfoLayer.vue
@@ -59,8 +59,8 @@ defineOptions({ inheritAttrs: false });
     width: 100%;
     height: 100%;
     background-color: rgb(0 0 0 / 25%);
-    backdrop-filter: blur(em(7));
     opacity: 0;
+    backdrop-filter: blur(em(7));
     animation-name: fade-in;
     animation-duration: 0.2s;
     animation-delay: 3s;
diff --git a/playground/components/base/Button.vue b/playground/components/base/Button.vue
index f4975a5b03..329d8f63bb 100644
--- a/playground/components/base/Button.vue
+++ b/playground/components/base/Button.vue
@@ -49,10 +49,10 @@ const resolveTag = computed(() => {
   color: currentColor;
   appearance: none;
   cursor: pointer;
+  outline: none;
   background: transparent;
   border: solid currentColor em(1px, var(--font-size));
   border-radius: em(5px, var(--font-size));
-  outline: none;
   transition: transform 0.1s ease-in;
   will-change: transform;
 
diff --git a/playground/components/base/LinkList.vue b/playground/components/base/LinkList.vue
index 407680a0d7..3605250807 100644
--- a/playground/components/base/LinkList.vue
+++ b/playground/components/base/LinkList.vue
@@ -49,8 +49,8 @@ a {
   padding: em(5px) em(10px);
   color: currentColor;
   text-decoration: none;
-  border-radius: em(3px);
   outline: none;
+  border-radius: em(3px);
   opacity: 0.8;
   transition:
     opacity 0.2s linear,
diff --git a/playground/components/fragments/PageHeaderMenu.vue b/playground/components/fragments/PageHeaderMenu.vue
index 093a563b6d..a0213de0e2 100644
--- a/playground/components/fragments/PageHeaderMenu.vue
+++ b/playground/components/fragments/PageHeaderMenu.vue
@@ -123,8 +123,8 @@ html.js-menu-open {
     left: em(10px);
     padding: em(10px);
     cursor: pointer;
-    background: rgb(255 255 255 / 40%);
     outline: none;
+    background: rgb(255 255 255 / 40%);
     transition: background 0.2s linear;
 
     @media (prefers-color-scheme: dark) {
@@ -138,10 +138,10 @@ html.js-menu-open {
 
     & path {
       fill: #333;
+      transform-origin: center;
       transition:
         opacity 0.2s linear,
         transform 0.2s linear;
-      transform-origin: center;
 
       @media (prefers-color-scheme: dark) {
         fill: #fff;
@@ -320,8 +320,8 @@ html.js-menu-open {
         overflow: auto;
         text-align: left;
         background: rgb(255 255 255 / 50%);
-        transition: transform 0.2s ease-in;
         transform: translateX(-100%);
+        transition: transform 0.2s ease-in;
 
         @media (prefers-color-scheme: dark) {
           background: rgb(0 0 0 / 50%);
@@ -345,8 +345,8 @@ html.js-menu-open {
     transition-delay: 0s;
 
     & > div > div {
-      transition-delay: 0.2s;
       transform: translateX(0%);
+      transition-delay: 0.2s;
     }
   }
 }
diff --git a/src/runtime/components/BoosterVimeo.vue b/src/runtime/components/BoosterVimeo.vue
index 6ea666fc5f..ded9d5a67d 100644
--- a/src/runtime/components/BoosterVimeo.vue
+++ b/src/runtime/components/BoosterVimeo.vue
@@ -112,11 +112,11 @@ export default {
     color: var(--color-foreground);
     background: var(--color-background);
     border-radius: 0.5em;
+    transform: translate(-50%, -50%);
     transition:
       opacity var(--transition-duration),
       background-color var(--transition-duration),
       color var(--transition-duration);
-    transform: translate(-50%, -50%);
 
     & svg {
       display: block;
diff --git a/src/runtime/components/BoosterVimeo/Base.vue b/src/runtime/components/BoosterVimeo/Base.vue
index 0a42027f8f..6916663159 100644
--- a/src/runtime/components/BoosterVimeo/Base.vue
+++ b/src/runtime/components/BoosterVimeo/Base.vue
@@ -230,8 +230,8 @@ export default {
 
   .ready & {
     & button {
-      pointer-events: none;
       visibility: hidden;
+      pointer-events: none;
     }
   }
 
diff --git a/src/runtime/components/BoosterYoutube.vue b/src/runtime/components/BoosterYoutube.vue
index a2ecc5fd8f..6f1630a9f6 100644
--- a/src/runtime/components/BoosterYoutube.vue
+++ b/src/runtime/components/BoosterYoutube.vue
@@ -71,8 +71,8 @@ export default {
   margin: auto;
 
   & circle {
-    stroke-dasharray: 5, 177;
     stroke-width: 6px;
+    stroke-dasharray: 5, 177;
     animation: stroke 1.3333s ease infinite;
   }
 }
diff --git a/src/runtime/components/BoosterYoutube/Base.vue b/src/runtime/components/BoosterYoutube/Base.vue
index 4152094e26..ab0845e954 100644
--- a/src/runtime/components/BoosterYoutube/Base.vue
+++ b/src/runtime/components/BoosterYoutube/Base.vue
@@ -172,8 +172,8 @@ button {
   cursor: pointer;
 
   .ready & {
-    pointer-events: none;
     visibility: hidden;
+    pointer-events: none;
   }
 }