fix(lint): fix stylelint errors

basics · Jan 20, 2025 · 02fbaaa · 02fbaaa
1 parent 71f11a6
commit 02fbaaa
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -172,8 +172,8 @@ button {
   cursor: pointer;
 
   .ready & {
-    pointer-events: none;
     visibility: hidden;
+    pointer-events: none;
   }
 }