format

Author: avivkeller

.pre-commit-config.yaml

@@ -1,18 +1,18 @@
 repos:
-- repo: https://github.com/gitleaks/gitleaks
-  rev: v8.16.3
-  hooks:
-  - id: gitleaks
-- repo: https://github.com/jumanjihouse/pre-commit-hooks
-  rev: 3.0.0
-  hooks:
-  - id: shellcheck
-- repo: https://github.com/pre-commit/mirrors-eslint
-  rev: v8.38.0
-  hooks:
-  - id: eslint
-- repo: https://github.com/pre-commit/pre-commit-hooks
-  rev: v4.4.0
-  hooks:
-  - id: end-of-file-fixer
-  - id: trailing-whitespace
+  - repo: https://github.com/gitleaks/gitleaks
+    rev: v8.16.3
+    hooks:
+      - id: gitleaks
+  - repo: https://github.com/jumanjihouse/pre-commit-hooks
+    rev: 3.0.0
+    hooks:
+      - id: shellcheck
+  - repo: https://github.com/pre-commit/mirrors-eslint
+    rev: v8.38.0
+    hooks:
+      - id: eslint
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.4.0
+    hooks:
+      - id: end-of-file-fixer
+      - id: trailing-whitespace

apps/site/components/Blog/BlogPostCard/index.module.css

@@ -6,8 +6,8 @@
 }
 
 .subtitle {
-  @apply mb-2
-    mt-6
+  @apply mt-6
+    mb-2
     inline-block
     text-xs
     font-semibold

apps/site/components/Downloads/Release/ReleaseCodeBox.tsx

@@ -94,7 +94,7 @@ const ReleaseCodeBox: FC = () => {
   } = currentPlatform ?? {};
 
   return (
-    <div className="mb-6 mt-4 flex flex-col gap-2">
+    <div className="mt-4 mb-6 flex flex-col gap-2">
       <noscript>
         <AlertBox
           title={t('components.common.alertBox.warning')}

apps/site/layouts/layouts.module.css

@@ -39,12 +39,12 @@
     > *:first-child {
       @apply sm:bg-gradient-subtle
         sm:dark:bg-gradient-subtle-dark
-        xl:px-18
         p-4
         [grid-area:main]
         motion-safe:scroll-smooth
         sm:bg-fixed
-        sm:p-12;
+        sm:p-12
+        xl:px-18;
     }
 
     > *:last-child {
@@ -55,8 +55,8 @@
         lg:sticky
         lg:top-0
         lg:max-w-xs
-        lg:border-l
-        lg:border-t-0;
+        lg:border-t-0
+        lg:border-l;
     }
   }
 
@@ -137,8 +137,8 @@
 
     &:nth-of-type(2) {
       @apply flex
-        min-w-0
         max-w-full
+        min-w-0
         flex-[1_1]
         flex-col
         items-center
@@ -259,8 +259,8 @@
     }
 
     > div:nth-of-type(1) {
-      @apply mb-4
-        mt-2;
+      @apply mt-2
+        mb-4;
     }
   }
 }

apps/site/pages/en/about/branding.mdx

@@ -66,7 +66,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design
         <img
           alt="Node.js Light Stacked Logo"
           src="/static/logos/nodejsStackedLight.svg"
-          className="rounded-xs h-[164px] w-[267px] bg-neutral-950 p-2 dark:bg-transparent"
+          className="h-[164px] w-[267px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent"
           width="267"
           height="164"
         />
@@ -108,7 +108,7 @@ Credit to [Angela Angelini](https://www.linkedin.com/in/angeliningl/) for design
         <img
           alt="White JS Icons"
           src="/static/logos/jsIconWhite.svg"
-          className="height-[80px] rounded-xs mx-auto w-[71px] bg-neutral-950 p-2 dark:bg-transparent"
+          className="height-[80px] mx-auto w-[71px] rounded-xs bg-neutral-950 p-2 dark:bg-transparent"
           width="71"
           height="80"
         />

apps/site/styles/effects.css

@@ -5,19 +5,19 @@
     translate-x-0
     translate-y-0
     after:absolute
-    after:-left-full
     after:top-[20%]
+    after:-left-full
     after:-z-10
     after:block
     after:h-36
     after:w-36
     after:-rotate-90
-    after:select-none
     after:bg-[url('/static/images/smoke.gif')]
     after:opacity-[0.15]
     after:content-['']
-    after:md:-left-1/2
-    after:md:top-1/2;
+    after:select-none
+    after:md:top-1/2
+    after:md:-left-1/2;
 
   & img {
     @apply h-auto

apps/site/styles/locales.css

@@ -4,7 +4,7 @@
  * managed to avoid disrupting the layout.
  */
 html[lang='ko'] {
-  @apply break-words
-    break-keep
-    leading-7;
+  @apply leading-7
+    break-words
+    break-keep;
 }