Run pre-commit with updated stylelint versions

thunderstore-io · Sep 25, 2024 · 64901ec · 64901ec
1 parent 745d333
commit 64901ec
Show file tree

Hide file tree

Showing 29 changed files with 499 additions and 410 deletions.
diff --git a/apps/cyberstorm-remix/app/Error.module.css b/apps/cyberstorm-remix/app/Error.module.css
diff --git a/apps/cyberstorm-remix/app/Markdown.module.css b/apps/cyberstorm-remix/app/Markdown.module.css
@@ -8,7 +8,9 @@
   line-height: 1.6rem;
 }
 
-.root > :first-child { padding-top: 0; }
+.root > :first-child {
+  padding-top: 0;
+}
 
 /*
   We can't control the elements inside the Markdown wrapper, e.g. to
@@ -43,11 +45,25 @@
   padding-top: 1rem;
 }
 
-.root h1 { font-size: 2.25rem; }
-.root h2 { font-size: 1.75rem; }
-.root h3 { font-size: 1.25rem; }
-.root h4 { font-size: 1rem; }
-.root h5 { font-size: 0.875rem; }
+.root h1 {
+  font-size: 2.25rem;
+}
+
+.root h2 {
+  font-size: 1.75rem;
+}
+
+.root h3 {
+  font-size: 1.25rem;
+}
+
+.root h4 {
+  font-size: 1rem;
+}
+
+.root h5 {
+  font-size: 0.875rem;
+}
 
 .root h6 {
   color: #9c9cc4;
@@ -59,7 +75,9 @@
   margin-inline-start: 0.75rem;
 }
 
-.root img { display: inline-block; }
+.root img {
+  display: inline-block;
+}
 
 .root li > ul,
 .root li > ol {
@@ -96,7 +114,9 @@
   color: #f5f5f6;
 }
 
-.root a { color: var(--old--color-cyber-green--50); }
+.root a {
+  color: var(--old--color-cyber-green--50);
+}
 
 .root blockquote {
   display: flex;
@@ -111,9 +131,13 @@
   border-spacing: 0;
 }
 
-.root tbody tr:nth-child(even) { background: #0d0d21; }
+.root tbody tr:nth-child(even) {
+  background: #0d0d21;
+}
 
-.root tbody tr:nth-child(odd) { background: #15152d; }
+.root tbody tr:nth-child(odd) {
+  background: #15152d;
+}
 
 .root table tr th,
 .root table tr td {

diff --git a/apps/cyberstorm-remix/app/RootLayout.module.css b/apps/cyberstorm-remix/app/RootLayout.module.css
@@ -59,7 +59,7 @@
   gap: 2rem;
 }
 
-@media (min-width: 60rem) {
+@media (width >= 60rem) {
   .layoutSidebar {
     flex-flow: row wrap;
   }
@@ -85,7 +85,7 @@
   }
 }
 
-@media (max-width: 92.125rem) {
+@media (width <= 92.125rem) {
   .sideContainers {
     display: none;
   }

diff --git a/apps/cyberstorm-remix/app/c/CommunityCard.module.css b/apps/cyberstorm-remix/app/c/CommunityCard.module.css
@@ -15,7 +15,7 @@
   min-width: 0;
 }
 
-@media (max-width: 30rem) {
+@media (width <= 30rem) {
   .root {
     gap: var(--space--16);
   }
@@ -65,7 +65,11 @@
   mask-image: var(--gradients);
   mask-composite: intersect;
 
-  --gradients:
-    linear-gradient(90deg, transparent 0%, white 70%, transparent 100%),
+  --gradients: linear-gradient(
+      90deg,
+      transparent 0%,
+      white 70%,
+      transparent 100%
+    ),
     linear-gradient(180deg, white 40%, transparent 95%);
 }
diff --git a/...yberstorm-remix/app/commonComponents/PackageSearch/FilterMenus/CollapsibleMenu.module.css b/...yberstorm-remix/app/commonComponents/PackageSearch/FilterMenus/CollapsibleMenu.module.css
@@ -49,7 +49,9 @@
   transition: ease-out var(--animation-length-xs);
 }
 
-.label:hover .checkbox { --mark-color: #4343a3; }
+.label:hover .checkbox {
+  --mark-color: #4343a3;
+}
 
 .label.include,
 .label.include .checkbox {

diff --git a/apps/cyberstorm-remix/app/commonComponents/PackageSearch/FilterMenus/FilterMenu.module.css b/apps/cyberstorm-remix/app/commonComponents/PackageSearch/FilterMenus/FilterMenu.module.css
@@ -43,7 +43,9 @@
   transition: ease-out var(--animation-length-xs);
 }
 
-.label:hover .checkbox { --mark-color: #4343a3; }
+.label:hover .checkbox {
+  --mark-color: #4343a3;
+}
 
 .label.include,
 .label.include .checkbox {

diff --git a/apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageList.module.css b/apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageList.module.css
@@ -64,7 +64,7 @@
   height: var(--space--36);
 }
 
-@media (max-width: 43.75rem) {
+@media (width <= 43.75rem) {
   .top {
     flex-direction: column-reverse;
     gap: 1rem;

diff --git a/apps/cyberstorm-remix/app/commonComponents/PageHeader/PageHeader.module.css b/apps/cyberstorm-remix/app/commonComponents/PageHeader/PageHeader.module.css
@@ -15,7 +15,7 @@
   min-width: 0;
 }
 
-@media (max-width: 30rem) {
+@media (width <= 30rem) {
   .root {
     gap: var(--space--16);
   }

diff --git a/apps/cyberstorm-remix/app/communities/Communities.module.css b/apps/cyberstorm-remix/app/communities/Communities.module.css
@@ -1,4 +1,4 @@
-@media (max-width: 40rem) {
+@media (width <= 40rem) {
   .breadcrumbs {
     display: none;
   }

diff --git a/apps/cyberstorm-remix/app/communities/CommunityList.module.css b/apps/cyberstorm-remix/app/communities/CommunityList.module.css
@@ -28,7 +28,7 @@
   }
 }
 
-@media (max-width: 27.5rem) {
+@media (width <= 27.5rem) {
   .root {
     grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
   }

diff --git a/apps/cyberstorm-remix/app/communities/SearchAndOrder.module.css b/apps/cyberstorm-remix/app/communities/SearchAndOrder.module.css
@@ -23,7 +23,7 @@
   white-space: nowrap;
 }
 
-@media (max-width: 40rem) {
+@media (width <= 40rem) {
   .root {
     flex-direction: column;
   }

diff --git a/apps/cyberstorm-remix/app/globals.css b/apps/cyberstorm-remix/app/globals.css
@@ -1,49 +1,32 @@
 :root {
   --max-width: 1100px;
   --border-radius: 12px;
-  --font-mono:
-    ui-monospace,
-    menlo,
-    monaco,
-    "Cascadia Mono",
-    "Segoe UI Mono",
-    "Roboto Mono",
-    "Oxygen Mono",
-    "Ubuntu Monospace",
-    "Source Code Pro",
-    "Fira Mono",
-    "Droid Sans Mono",
-    "Courier New",
-    monospace;
+  --font-mono: ui-monospace, menlo, monaco, "Cascadia Mono", "Segoe UI Mono",
+    "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
+    "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
   --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 214, 219, 220;
   --background-end-rgb: 255, 255, 255;
-  --primary-glow:
-    conic-gradient(
-      from 180deg at 50% 50%,
-      #16abff33 0deg,
-      #0885ff33 55deg,
-      #54d6ff33 120deg,
-      #0071ff33 160deg,
-      transparent 360deg
-    );
-  --secondary-glow:
-    radial-gradient(
-      rgb(255 255 255 / 1),
-      rgb(255 255 255 / 0)
-    );
+  --primary-glow: conic-gradient(
+    from 180deg at 50% 50%,
+    #16abff33 0deg,
+    #0885ff33 55deg,
+    #54d6ff33 120deg,
+    #0071ff33 160deg,
+    transparent 360deg
+  );
+  --secondary-glow: radial-gradient(rgb(255 255 255 / 1), rgb(255 255 255 / 0));
   --tile-start-rgb: 239, 245, 249;
   --tile-end-rgb: 228, 232, 233;
-  --tile-border:
-    conic-gradient(
-      #00000080,
-      #00000040,
-      #00000030,
-      #00000020,
-      #00000010,
-      #00000010,
-      #00000080
-    );
+  --tile-border: conic-gradient(
+    #00000080,
+    #00000040,
+    #00000030,
+    #00000020,
+    #00000010,
+    #00000010,
+    #00000080
+  );
   --callout-rgb: 238, 240, 241;
   --callout-border-rgb: 172, 175, 176;
   --card-rgb: 180, 185, 188;
@@ -56,25 +39,23 @@
     --background-start-rgb: 0, 0, 0;
     --background-end-rgb: 0, 0, 0;
     --primary-glow: radial-gradient(rgb(1 65 255 / 0.4), rgb(1 65 255 / 0));
-    --secondary-glow:
-      linear-gradient(
-        to bottom right,
-        rgb(1 65 255 / 0),
-        rgb(1 65 255 / 0),
-        rgb(1 65 255 / 0.3)
-      );
+    --secondary-glow: linear-gradient(
+      to bottom right,
+      rgb(1 65 255 / 0),
+      rgb(1 65 255 / 0),
+      rgb(1 65 255 / 0.3)
+    );
     --tile-start-rgb: 2, 13, 46;
     --tile-end-rgb: 2, 5, 19;
-    --tile-border:
-      conic-gradient(
-        #ffffff80,
-        #ffffff40,
-        #ffffff30,
-        #ffffff20,
-        #ffffff10,
-        #ffffff10,
-        #ffffff80
-      );
+    --tile-border: conic-gradient(
+      #ffffff80,
+      #ffffff40,
+      #ffffff30,
+      #ffffff20,
+      #ffffff10,
+      #ffffff10,
+      #ffffff80
+    );
     --callout-rgb: 20, 20, 20;
     --callout-border-rgb: 108, 108, 108;
     --card-rgb: 100, 100, 100;
@@ -96,8 +77,7 @@ body {
 
 body {
   color: rgb(var(--foreground-rgb));
-  background:
-    linear-gradient(
+  background: linear-gradient(
       to bottom,
       transparent,
       rgb(var(--background-end-rgb))

diff --git a/apps/cyberstorm-remix/app/p/components/Dependencies/Dependencies.module.css b/apps/cyberstorm-remix/app/p/components/Dependencies/Dependencies.module.css
@@ -44,7 +44,7 @@
   text-overflow: ellipsis;
 }
 
-@media (min-width: 60rem) {
+@media (width >= 60rem) {
   .itemDescription,
   .itemTitle {
     max-width: 250px;

diff --git a/apps/cyberstorm-remix/app/p/dependants/Dependants.module.css b/apps/cyberstorm-remix/app/p/dependants/Dependants.module.css
@@ -4,7 +4,7 @@
   gap: var(--space--32);
 }
 
-@media (max-width: 30rem) {
+@media (width <= 30rem) {
   .root {
     gap: var(--space--16);
   }
@@ -32,8 +32,12 @@
   mask-image: var(--gradients);
   mask-composite: intersect;
 
-  --gradients:
-    linear-gradient(90deg, transparent 0%, white 70%, transparent 100%),
+  --gradients: linear-gradient(
+      90deg,
+      transparent 0%,
+      white 70%,
+      transparent 100%
+    ),
     linear-gradient(180deg, white 40%, transparent 95%);
 }
 

diff --git a/apps/cyberstorm-remix/app/p/headerPackageDetailLayout.module.css b/apps/cyberstorm-remix/app/p/headerPackageDetailLayout.module.css
@@ -87,7 +87,7 @@
   color: var(--color-highlight);
 }
 
-@media (max-width: 60rem) {
+@media (width <= 60rem) {
   .packageInfo {
     flex-direction: column;
     gap: 0;

diff --git a/apps/cyberstorm-remix/app/settings/user/Connections/Connections.module.css b/apps/cyberstorm-remix/app/settings/user/Connections/Connections.module.css
@@ -91,7 +91,7 @@
   line-height: normal;
 }
 
-@media (max-width: 30rem) {
+@media (width <= 30rem) {
   .item {
     flex-direction: column;
     gap: var(--gap--8);

diff --git a/packages/cyberstorm-forms/src/forms/TeamDetailsEdit.module.css b/packages/cyberstorm-forms/src/forms/TeamDetailsEdit.module.css
@@ -56,7 +56,7 @@
   flex-direction: row-reverse;
 }
 
-@media (max-width: 30rem) {
+@media (width <= 30rem) {
   .donationLink {
     flex-direction: column;
     gap: var(--gap--16);

diff --git a/packages/cyberstorm-forms/src/forms/UserConnectionsForm.module.css b/packages/cyberstorm-forms/src/forms/UserConnectionsForm.module.css
@@ -103,7 +103,7 @@
   font-size: 0.875rem;
 }
 
-@media (max-width: 30rem) {
+@media (width <= 30rem) {
   .item {
     flex-direction: column;
     gap: var(--gap--8);

diff --git a/packages/cyberstorm-styles/src/styles/globals.css b/packages/cyberstorm-styles/src/styles/globals.css
@@ -91,19 +91,19 @@
 
 /* e.g --scaling-s --scaling-m --scaling-l */
 
-@media (max-width: calc(40rem - 1px)) {
+@media (width <= calc(40rem - 1px)) {
   :root {
     --scaling: 0.7;
   }
 }
 
-@media (min-width: 40rem) {
+@media (width >= 40rem) {
   :root {
     --scaling: 0.9;
   }
 }
 
-@media (min-width: 63.5rem) {
+@media (width >= 63.5rem) {
   :root {
     --scaling: 1;
   }