update common componnets imports

bjohansebas · web-flow · commit 3c1aafe2ee17 · 2025-02-23T22:56:52.000Z
diff --git a/apps/site/components/Blog/BlogHeader/index.module.css b/apps/site/components/Blog/BlogHeader/index.module.css
@@ -1,34 +1,23 @@
+@reference "../../../styles/index.css";
+
 .blogHeader {
   h1 {
-    @apply inline-flex
-      w-full
-      items-center
-      justify-between;
+    @apply inline-flex w-full items-center justify-between;
 
     a {
-      @apply inline-flex
-        size-9
-        items-center
-        justify-center
-        rounded-md
-        p-2;
+      @apply inline-flex size-9 items-center justify-center rounded-md p-2;
 
       &:hover {
-        @apply bg-neutral-100
-          dark:bg-neutral-900;
+        @apply bg-neutral-100 dark:bg-neutral-900;
       }
     }
 
     svg {
-      @apply size-6
-        text-neutral-500;
+      @apply size-6 text-neutral-500;
     }
   }
 
   p {
-    @apply text-lg
-      font-medium
-      text-neutral-800
-      dark:text-neutral-200;
+    @apply text-lg font-medium text-neutral-800 dark:text-neutral-200;
   }
 }
diff --git a/apps/site/components/Common/AlertBox/index.module.css b/apps/site/components/Common/AlertBox/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .alertBox {
   @apply flex
     flex-row
diff --git a/apps/site/components/Common/AvatarGroup/Avatar/index.module.css b/apps/site/components/Common/AvatarGroup/Avatar/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .item {
   @apply xs:max-h-10
     xs:max-w-10
diff --git a/apps/site/components/Common/AvatarGroup/Overlay/index.module.css b/apps/site/components/Common/AvatarGroup/Overlay/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .overlay {
   @apply flex
     min-w-56
diff --git a/apps/site/components/Common/AvatarGroup/index.module.css b/apps/site/components/Common/AvatarGroup/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .avatarGroup {
   @apply flex
     flex-wrap
diff --git a/apps/site/components/Common/Badge/index.module.css b/apps/site/components/Common/Badge/index.module.css
@@ -1,12 +1,14 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     w-fit
     items-center
     rounded-full
     border
     py-1
-    pl-1
     pr-2.5
+    pl-1
     text-sm
     font-medium;
 
diff --git a/apps/site/components/Common/Banner/index.module.css b/apps/site/components/Common/Banner/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .banner {
   @apply flex
     w-full
diff --git a/apps/site/components/Common/Blockquote/index.module.css b/apps/site/components/Common/Blockquote/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .wrapper {
   @apply flex
     max-w-2xl
diff --git a/apps/site/components/Common/BlogPostCard/index.module.css b/apps/site/components/Common/BlogPostCard/index.module.css
@@ -1,11 +1,13 @@
+@reference "../../../styles/index.css";
+
 .container {
   @apply max-w-full
     flex-1;
 }
 
 .subtitle {
-  @apply mb-2
-    mt-6
+  @apply mt-6
+    mb-2
     inline-block
     text-xs
     font-semibold
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbHomeLink/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .icon {
   @apply size-4;
 }
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbItem/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .item {
   @apply flex
      max-w-fit
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbLink/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .link {
   @apply max-w-fit
     truncate;
diff --git a/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css b/apps/site/components/Common/Breadcrumbs/BreadcrumbRoot/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .list {
   @apply xs:w-full
     flex
diff --git a/apps/site/components/Common/Button/index.module.css b/apps/site/components/Common/Button/index.module.css
@@ -1,10 +1,12 @@
+@reference "../../../styles/index.css";
+
 .button {
-  @apply px-4.5
-    relative
+  @apply relative
     inline-flex
     items-center
     justify-center
     gap-2
+    px-4.5
     py-2.5
     text-center
     font-semibold
@@ -105,9 +107,9 @@
     &::before {
       @apply bg-gradient-glow-backdrop
         absolute
-        left-0
-        right-0
         top-0
+        right-0
+        left-0
         -z-10
         mx-auto
         h-full
@@ -119,8 +121,8 @@
     &::after {
       @apply absolute
         -top-px
-        left-0
         right-0
+        left-0
         mx-auto
         h-px
         w-2/5
diff --git a/apps/site/components/Common/CodeBox/index.module.css b/apps/site/components/Common/CodeBox/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .root {
   @apply w-full
     rounded
@@ -32,12 +34,12 @@
         }
 
         &:not(:empty:last-child)::after {
-          @apply w-4.5
-            font-ibm-plex-mono
+          @apply font-ibm-plex-mono
             absolute
-            left-0
             top-0
+            left-0
             mr-4
+            w-4.5
             text-right
             text-neutral-600
             [content:counter(line)]
diff --git a/apps/site/components/Common/CodeTabs/index.module.css b/apps/site/components/Common/CodeTabs/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .root {
   > [role='tabpanel'] > :first-child {
     @apply rounded-t-none;
diff --git a/apps/site/components/Common/CrossLink/index.module.css b/apps/site/components/Common/CrossLink/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .crossLink {
   @apply flex
     flex-col
diff --git a/apps/site/components/Common/GlowingBackdrop/index.module.css b/apps/site/components/Common/GlowingBackdrop/index.module.css
@@ -1,7 +1,9 @@
+@reference "../../../styles/index.css";
+
 .glowingBackdrop {
   @apply absolute
-    left-0
     top-0
+    left-0
     -z-10
     size-full
     opacity-50
diff --git a/apps/site/components/Common/LanguageDropDown/index.module.css b/apps/site/components/Common/LanguageDropDown/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .languageDropdown {
   @apply h-9
     w-9
diff --git a/apps/site/components/Common/LinkTabs/index.module.css b/apps/site/components/Common/LinkTabs/index.module.css
@@ -1,8 +1,10 @@
+@reference "../../../styles/index.css";
+
 .tabsList {
   @apply font-open-sans
     max-xs:hidden
-    mb-6
     mt-10
+    mb-6
     flex
     gap-2
     border-b
diff --git a/apps/site/components/Common/NodejsLogo/index.module.css b/apps/site/components/Common/NodejsLogo/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .nodejsLogo {
   @apply h-6
     w-20;
diff --git a/apps/site/components/Common/Notification/index.module.css b/apps/site/components/Common/Notification/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .root {
   @apply m-6
     rounded
diff --git a/apps/site/components/Common/Pagination/Ellipsis/index.module.css b/apps/site/components/Common/Pagination/Ellipsis/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .ellipsis {
   @apply w-10
     px-3
diff --git a/apps/site/components/Common/Pagination/PaginationListItem/index.module.css b/apps/site/components/Common/Pagination/PaginationListItem/index.module.css
@@ -1,16 +1,18 @@
+@reference "../../../../styles/index.css";
+
 .listItem,
 .listItem:link,
 .listItem:active {
-  @apply aria-current:bg-green-600
-    aria-current:text-white
-    flex
+  @apply flex
     size-10
     items-center
     justify-center
     rounded
     px-3
     py-2.5
     text-neutral-800
+    aria-current:bg-green-600
+    aria-current:text-white
     motion-safe:transition-colors
     dark:text-neutral-200;
 
diff --git a/apps/site/components/Common/Pagination/index.module.css b/apps/site/components/Common/Pagination/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .pagination {
   @apply grid
     items-center
diff --git a/apps/site/components/Common/Preview/index.module.css b/apps/site/components/Common/Preview/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../styles/index.css";
+
 .root {
   @apply @container/preview
     relative
@@ -11,15 +13,15 @@
 
   &::after {
     @apply bg-gradient-radial
-      @md/preview:blur-3xl
       absolute
       inset-0
       m-auto
       aspect-square
       w-1/3
       rounded-full
       blur-2xl
-      content-[''];
+      content-['']
+      @md/preview:blur-3xl;
 
     &.announcements {
       @apply from-green-700/90;
@@ -35,15 +37,7 @@
   }
 
   .container {
-    @apply @sm/preview:text-base
-      @md/preview:gap-6
-      @md/preview:text-lg
-      @lg/preview:gap-8
-      @lg/preview:text-xl
-      @xl/preview:gap-12
-      @xl/preview:text-2xl
-      @2xl/preview:text-3xl
-      z-10
+    @apply z-10
       mx-auto
       flex
       w-2/3
@@ -53,29 +47,37 @@
       text-center
       text-xs
       font-semibold
-      text-white;
+      text-white
+      @sm/preview:text-base
+      @md/preview:gap-6
+      @md/preview:text-lg
+      @lg/preview:gap-8
+      @lg/preview:text-xl
+      @xl/preview:gap-12
+      @xl/preview:text-2xl
+      @2xl/preview:text-3xl;
 
     .hexagon {
-      @apply @md/preview:h-3/5
+      @apply absolute
+        inset-0
+        m-auto
+        size-full
+        @md/preview:h-3/5
         @md/preview:w-3/5
         @lg/preview:h-2/3
         @lg/preview:w-2/3
         @xl/preview:h-3/5
         @xl/preview:w-3/5
         @2xl/preview:h-2/3
-        @2xl/preview:w-2/3
-        absolute
-        inset-0
-        m-auto
-        size-full;
+        @2xl/preview:w-2/3;
     }
 
     .logo {
-      @apply @md/preview:size-14
+      @apply mx-auto
+        size-6
+        @md/preview:size-14
         @lg/preview:size-16
-        @xl/preview:size-20
-        mx-auto
-        size-6;
+        @xl/preview:size-20;
     }
   }
 }
diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarGroup/index.module.css
@@ -1,3 +1,5 @@
+@reference "../../../../styles/index.css";
+
 .group {
   @apply flex
     flex-col
@@ -16,8 +18,8 @@
 
     &::after {
       @apply absolute
-        left-[0.45rem]
         top-0
+        left-[0.45rem]
         z-10
         h-full
         w-px
@@ -40,8 +42,8 @@
 
       &:last-child::after {
         @apply absolute
-          left-0
           top-[calc(50%+0.25rem)]
+          left-0
           h-20
           w-4
           bg-white
diff --git a/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css b/apps/site/components/Common/ProgressionSidebar/ProgressionSidebarItem/index.module.css
diff --git a/apps/site/components/Common/ProgressionSidebar/index.module.css b/apps/site/components/Common/ProgressionSidebar/index.module.css
diff --git a/apps/site/components/Common/Select/index.module.css b/apps/site/components/Common/Select/index.module.css
diff --git a/apps/site/components/Common/Skeleton/index.module.css b/apps/site/components/Common/Skeleton/index.module.css
diff --git a/apps/site/components/Common/Tabs/index.module.css b/apps/site/components/Common/Tabs/index.module.css
diff --git a/apps/site/components/Common/ThemeToggle/index.module.css b/apps/site/components/Common/ThemeToggle/index.module.css
diff --git a/apps/site/components/Common/Tooltip/index.module.css b/apps/site/components/Common/Tooltip/index.module.css

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.alertBox {`
`2`	`4`	`@apply flex`
`3`	`5`	`flex-row`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.item {`
`2`	`4`	`@apply xs:max-h-10`
`3`	`5`	`xs:max-w-10`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.overlay {`
`2`	`4`	`@apply flex`
`3`	`5`	`min-w-56`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.avatarGroup {`
`2`	`4`	`@apply flex`
`3`	`5`	`flex-wrap`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.banner {`
`2`	`4`	`@apply flex`
`3`	`5`	`w-full`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.wrapper {`
`2`	`4`	`@apply flex`
`3`	`5`	`max-w-2xl`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+@reference "../../../../styles/index.css";`
	`2`	`+`
`1`	`3`	`.icon {`
`2`	`4`	`@apply size-4;`
`3`	`5`	`}`