Integrate Prettier in to Stylelint and ESLint

css/content.css

@@ -72,6 +72,7 @@
   top: 0;
   color: var(--color-light-blue);
   font-weight: 700;
+  font-size: 0.9rem;
 }
 
 .content a {
@@ -80,8 +81,7 @@
 }
 
 .content a img {
-  transition:
-    box-shadow var(--transition-md) ease-out,
+  transition: box-shadow var(--transition-md) ease-out,
     filter var(--transition-md) ease-out;
 }
 

css/index.css

@@ -64,8 +64,8 @@
   --transition-fs: 0.15s;
   --transition-md: 0.3s;
   --transition-sl: 0.6s;
-  --heading-font-family: 'Raleway', sans-serif;
-  --body-font-family: 'Open Sans', sans-serif;
+  --heading-font-family: "Raleway", sans-serif;
+  --body-font-family: "Open Sans", sans-serif;
   --link-focus: 0 0.1rem 0 0 var(--color-light-blue);
   --image-focus: 0 0 0 0.2rem #fff, 0 0 0 0.4rem var(--color-light-blue);
   --bullet-size: 0.45rem;

css/menu.css

@@ -9,8 +9,7 @@
   position: fixed;
   top: var(--space-xxs);
   opacity: 0;
-  transition:
-    filter var(--transition-md) ease-out,
+  transition: filter var(--transition-md) ease-out,
     opacity var(--transition-md) ease-out,
     transform var(--transition-md) ease-out;
   width: var(--menu-size);

css/metadata.css

@@ -79,8 +79,7 @@
 }
 
 .metadata__tag-link {
-  transition:
-    box-shadow var(--transition-md) ease-out,
+  transition: box-shadow var(--transition-md) ease-out,
     color var(--transition-md) ease-out;
 }
 

css/nav.css

@@ -5,13 +5,12 @@
 .nav:after {
   background-color: rgba(0, 0, 0, 0.5);
   bottom: 0;
-  content: '';
+  content: "";
   left: 0;
   opacity: 0;
   position: fixed;
   right: 0;
-  transition:
-    opacity var(--nav-transition-duration) ease-out,
+  transition: opacity var(--nav-transition-duration) ease-out,
     visibility var(--nav-transition-duration) ease-out;
   top: 0;
   visibility: hidden;
@@ -90,8 +89,7 @@
   position: absolute;
   right: var(--space-sm);
   top: var(--space-sm);
-  transition:
-    box-shadow var(--nav-transition-duration) ease-out,
+  transition: box-shadow var(--nav-transition-duration) ease-out,
     filter var(--nav-transition-duration) ease-out;
   width: var(--icon-size-sm);
 }
@@ -111,7 +109,8 @@
   height: 8%;
   position: absolute;
   left: 0;
-  transition: transform var(--nav-transition-duration) ease-out var(--nav-transition-duration);
+  transition: transform var(--nav-transition-duration) ease-out
+    var(--nav-transition-duration);
   transform: translateY(-50%);
   top: 50%;
   width: 100%;
@@ -143,8 +142,7 @@
   color: #fff;
   display: inline-block;
   margin-bottom: var(--space-xs);
-  transition:
-    box-shadow var(--nav-transition-duration) ease-out,
+  transition: box-shadow var(--nav-transition-duration) ease-out,
     text-shadow var(--nav-transition-duration) ease-out;
 }
 
@@ -171,8 +169,7 @@
 .nav__social-link:visited {
   display: inline-block;
   color: #fff;
-  transition:
-    box-shadow var(--nav-transition-duration) ease-out,
+  transition: box-shadow var(--nav-transition-duration) ease-out,
     filter var(--nav-transition-duration) ease-out;
 }
 

css/page.css

@@ -72,7 +72,9 @@
 @media (--viewport-lg) {
   .page {
     grid-template-columns: var(--logo-size-lg) 1fr;
-    grid-template-rows: var(--icon-size-md) calc(var(--logo-size-lg) - var(--space-md) - 32px) 1fr;
+    grid-template-rows:
+      var(--icon-size-md) calc(var(--logo-size-lg) - var(--space-md) - 32px)
+      1fr;
   }
 
   .page__logo {
@@ -93,7 +95,11 @@
 @media (--viewport-xl) {
   .page {
     grid-template-columns: var(--logo-size-xl) 1fr;
-    grid-template-rows: var(--icon-size-md) calc(var(--logo-size-xl) - var(--space-md) - var(--icon-size-md)) 1fr;
+    grid-template-rows:
+      var(--icon-size-md) calc(
+        var(--logo-size-xl) - var(--space-md) - var(--icon-size-md)
+      )
+      1fr;
     margin: var(--space-md) auto 0;
   }
 

css/social.css

@@ -4,8 +4,7 @@
 
 .social__link {
   display: inline-block;
-  transition:
-    filter var(--transition-fs) ease-out,
+  transition: filter var(--transition-fs) ease-out,
     transform var(--transition-fs) ease-out;
   transform-origin: center bottom;
 }