Prettify website CSS

Should help cleanup the diff in remix-run#6448

Author: mjackson

website/modules/base.css

@@ -1,18 +1,21 @@
 body {
-  font-family: -apple-system,
-                BlinkMacSystemFont,
-                "Segoe UI",
-                Roboto,
-                Oxygen-Sans,
-                Ubuntu,
-                Cantarell,
-                "Helvetica Neue",
-                sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   line-height: 1.3;
 }
-h1, h2, h3, h4, h5, h6 { margin: 0; font: inherit; }
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0;
+  font: inherit;
+}
 
-p { margin: 0 }
+p {
+  margin: 0;
+}
 a {
   color: inherit;
   text-decoration: none;
@@ -28,14 +31,25 @@ a {
 }
 
 .mobile-scroll {
-  -webkit-overflow-scrolling: touch
+  -webkit-overflow-scrolling: touch;
 }
 
-* { box-sizing: border-box; }
+* {
+  box-sizing: border-box;
+}
 
-.fake-browser h1 { margin: initial; font-size: 150%; }
-.fake-browser h2 { margin: initial; font-size: 125%; }
-.fake-browser h3 { margin: initial; font-size: 100%; }
+.fake-browser h1 {
+  margin: initial;
+  font-size: 150%;
+}
+.fake-browser h2 {
+  margin: initial;
+  font-size: 125%;
+}
+.fake-browser h3 {
+  margin: initial;
+  font-size: 100%;
+}
 
 .fake-browser a {
   color: hsl(200, 50%, 50%);
@@ -47,9 +61,15 @@ a {
   color: hsl(0, 78%, 60%);
 }
 
-.fake-browser { color: initial }
+.fake-browser {
+  color: initial;
+}
 
-pre, code { font-family: Menlo, monospace; line-height: 1.5 }
+pre,
+code {
+  font-family: Menlo, monospace;
+  line-height: 1.5;
+}
 
 /* have messed with these! */
 
@@ -60,9 +80,7 @@ pre, code { font-family: Menlo, monospace; line-height: 1.5 }
 .api-doc {
   padding-left: 20px;
   display: block;
-  box-shadow:
-    inset 500px 0 #fff,
-    inset 1020px 0 rgb(45, 45, 45);
+  box-shadow: inset 500px 0 #fff, inset 1020px 0 rgb(45, 45, 45);
   min-height: 100vh;
 }
 markdown > pre {
@@ -82,7 +100,7 @@ markdown > *:not(pre):not(h1):not(h2) {
 }
 
 markdown:after {
-  content: ' ';
+  content: " ";
   display: block;
   clear: both;
   height: 80px;
@@ -109,10 +127,14 @@ markdown h2 {
 }
 
 markdown h2:before {
-  content: ' ';
+  content: " ";
   height: 1px;
   width: 200px;
-  background: linear-gradient(to right, rgba(100, 100, 100, 1) 0%, rgba(85, 85, 85, 0) 100%);
+  background: linear-gradient(
+    to right,
+    rgba(100, 100, 100, 1) 0%,
+    rgba(85, 85, 85, 0) 100%
+  );
   position: absolute;
   left: 480px;
 }
@@ -121,12 +143,23 @@ markdown h2 a {
   color: rgb(45, 45, 45);
 }
 
-markdown pre code { font-size: 11px; }
-markdown code { font-size: 12px; }
-markdown h2 code { font-size: 100%; font-weight: 100; }
-markdown h2 + p { margin-top: 10px; }
+markdown pre code {
+  font-size: 11px;
+}
+markdown code {
+  font-size: 12px;
+}
+markdown h2 code {
+  font-size: 100%;
+  font-weight: 100;
+}
+markdown h2 + p {
+  margin-top: 10px;
+}
 
-markdown h1, h2, h3 {
+markdown h1,
+h2,
+h3 {
   position: relative;
   clear: both;
 }
@@ -166,9 +199,14 @@ markdown h1, h2, h3 {
 
 /* /old stuff */
 
-markdown p { margin: 1em 0; }
+markdown p {
+  margin: 1em 0;
+}
 
-markdown h1 + h2 { margin-top: -40px; font-weight: normal }
+markdown h1 + h2 {
+  margin-top: -40px;
+  font-weight: normal;
+}
 
 markdown th {
   border-bottom: 1px solid #f0f0f0;
@@ -187,24 +225,27 @@ markdown table th {
   padding: 2px 4px;
 }
 
-markdown a { color: #d0021b; text-decoration: none }
+markdown a {
+  color: #d0021b;
+  text-decoration: none;
+}
 
 @keyframes loading {
-  0% { background-position: 0% 50% }
-  50% { background-position: 100% 50% }
-  100% { background-position: 0% 50% }
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
 }
 
 .loading {
   animation: loading 10s ease infinite;
-  background-image: linear-gradient(
-    125deg,
-    #fff,
-    #f3f3f3 41%,
-    #ededed 0,
-    #fff
-  );
-  background-size: 300% 300%
+  background-image: linear-gradient(125deg, #fff, #f3f3f3 41%, #ededed 0, #fff);
+  background-size: 300% 300%;
 }
 
 .fade-enter {
@@ -216,4 +257,3 @@ markdown a { color: #d0021b; text-decoration: none }
   opacity: 1;
   transition: opacity 250ms ease-in;
 }
-