From dcde863be66aa8f14cf9c66a26e8b6171c1e02fa Mon Sep 17 00:00:00 2001
From: Peter Hozak <peter.hozak@gmail.com>
Date: Fri, 3 May 2024 09:18:03 +0200
Subject: [PATCH] run lint

---
 app/components/ArticlesNav/articlenav.css |  4 +-
 app/newRoot.css                           | 48 +++++++++++++++++------
 app/routes/_index.tsx                     |  4 +-
 3 files changed, 41 insertions(+), 15 deletions(-)

diff --git a/app/components/ArticlesNav/articlenav.css b/app/components/ArticlesNav/articlenav.css
index 60acca14..b218210a 100644
--- a/app/components/ArticlesNav/articlenav.css
+++ b/app/components/ArticlesNav/articlenav.css
@@ -10,7 +10,9 @@
   overflow-y: scroll;
   overflow-x: hidden;
   opacity: 1;
-  transition: opacity 200ms, width 200ms;
+  transition:
+    opacity 200ms,
+    width 200ms;
 }
 
 .articles-group.loading {
diff --git a/app/newRoot.css b/app/newRoot.css
index 705e1af3..b1f3be59 100644
--- a/app/newRoot.css
+++ b/app/newRoot.css
@@ -290,18 +290,42 @@ h2 {
 /* width classes. please turn the grid on in figma and then define widths based on how many columns there are! */
 /* note I may change these to vars later */
 
-.col-1  {width: clamp( 65px,  8.25vw,  134px);}
-.col-2  {width: clamp(130px, 16.50vw,  268px);}
-.col-3  {width: clamp(195px, 24.75vw,  402px);}
-.col-4  {width: clamp(260px, 33.00vw,  536px);}
-.col-5  {width: clamp(325px, 41.25vw,  670px);}
-.col-6  {width: clamp(390px, 49.50vw,  804px);}
-.col-7  {width: clamp(455px, 57.75vw,  938px);}
-.col-8  {width: clamp(520px, 66.00vw, 1072px);}
-.col-9  {width: clamp(585px, 74.25vw, 1206px);}
-.col-10 {width: clamp(650px, 82.50vw, 1340px);}
-.col-11 {width: clamp(715px, 90.75vw, 1474px);}
-.col-12 {width: clamp(780px, 99.00vw, 1608px);}
+.col-1 {
+  width: clamp(65px, 8.25vw, 134px);
+}
+.col-2 {
+  width: clamp(130px, 16.5vw, 268px);
+}
+.col-3 {
+  width: clamp(195px, 24.75vw, 402px);
+}
+.col-4 {
+  width: clamp(260px, 33vw, 536px);
+}
+.col-5 {
+  width: clamp(325px, 41.25vw, 670px);
+}
+.col-6 {
+  width: clamp(390px, 49.5vw, 804px);
+}
+.col-7 {
+  width: clamp(455px, 57.75vw, 938px);
+}
+.col-8 {
+  width: clamp(520px, 66vw, 1072px);
+}
+.col-9 {
+  width: clamp(585px, 74.25vw, 1206px);
+}
+.col-10 {
+  width: clamp(650px, 82.5vw, 1340px);
+}
+.col-11 {
+  width: clamp(715px, 90.75vw, 1474px);
+}
+.col-12 {
+  width: clamp(780px, 99vw, 1608px);
+}
 
 .full-width {
   width: 100%;
diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
index 067fbcf0..6a79b6b6 100644
--- a/app/routes/_index.tsx
+++ b/app/routes/_index.tsx
@@ -29,11 +29,11 @@ export const shouldRevalidate: ShouldRevalidateFunction = () => false
 
 export default function App() {
   const {advanced} = useToC()
-  
+
   useEffect(() => {
     document.title = 'AISafety.info'
   }, [])
-  
+
   return (
     <Page>
       <div className="page-body">