run prettier

quartz/components/styles/graph.scss

@@ -3,7 +3,7 @@
 .graph {
   & > h3 {
     font-size: 1rem;
-    margin: 0
+    margin: 0;
   }
 
   & > .graph-outer {
@@ -26,7 +26,7 @@
       top: 0;
       right: 0;
       border-radius: 4px;
-      background-color: transparent; 
+      background-color: transparent;
       transition: background-color 0.5s ease;
       cursor: pointer;
       &:hover {
@@ -52,7 +52,7 @@
 
     & > #global-graph-container {
       border: 1px solid var(--lightgray);
-      background-color: var(--light); 
+      background-color: var(--light);
       border-radius: 5px;
       box-sizing: border-box;
       position: fixed;

quartz/components/styles/legacyToc.scss

@@ -12,7 +12,7 @@ details#toc {
       margin: 0;
     }
   }
-    
+
   & ul {
     list-style: none;
     margin: 0.5rem 1.25rem;

quartz/components/styles/listPage.scss

@@ -25,7 +25,7 @@ li.section-li {
     }
 
     & > .desc > h3 > a {
-      background-color: transparent; 
+      background-color: transparent;
     }
 
     & > .meta {

quartz/components/styles/popover.scss

@@ -32,7 +32,7 @@
     border: 1px solid var(--lightgray);
     background-color: var(--light);
     border-radius: 5px;
-    box-shadow: 6px 6px 36px 0 rgba(0,0,0,0.25);
+    box-shadow: 6px 6px 36px 0 rgba(0, 0, 0, 0.25);
     overflow: auto;
   }
 
@@ -42,14 +42,17 @@
 
   visibility: hidden;
   opacity: 0;
-  transition: opacity 0.3s ease, visibility 0.3s ease;
+  transition:
+    opacity 0.3s ease,
+    visibility 0.3s ease;
 
   @media all and (max-width: $mobileBreakpoint) {
     display: none !important;
   }
 }
 
-a:hover .popover, .popover:hover {
+a:hover .popover,
+.popover:hover {
   animation: dropin 0.3s ease;
   animation-fill-mode: forwards;
   animation-delay: 0.2s;

quartz/components/styles/search.scss

@@ -67,7 +67,9 @@
         width: 100%;
         border-radius: 5px;
         background: var(--light);
-        box-shadow: 0 14px 50px rgba(27, 33, 48, 0.12), 0 10px 30px rgba(27, 33, 48, 0.16);
+        box-shadow:
+          0 14px 50px rgba(27, 33, 48, 0.12),
+          0 10px 30px rgba(27, 33, 48, 0.16);
         margin-bottom: 2em;
       }
 
@@ -108,7 +110,8 @@
             font-weight: 700;
           }
 
-          &:hover, &:focus {
+          &:hover,
+          &:focus {
             background: var(--lightgray);
           }
 
@@ -127,12 +130,11 @@
             margin: 0;
           }
 
-          & > p { 
+          & > p {
             margin-bottom: 0;
           }
         }
       }
-
     }
   }
 }

quartz/components/styles/toc.scss

@@ -15,16 +15,16 @@ button#toc {
   }
 
   & .fold {
-    margin-left: 0.5rem; 
+    margin-left: 0.5rem;
     transition: transform 0.3s ease;
     opacity: 0.8;
   }
 
   &.collapsed .fold {
-    transform: rotateZ(-90deg)
+    transform: rotateZ(-90deg);
   }
 }
-  
+
 #toc-content {
   list-style: none;
   overflow: hidden;
@@ -42,7 +42,9 @@ button#toc {
     & > li > a {
       color: var(--dark);
       opacity: 0.35;
-      transition: 0.5s ease opacity, 0.3s ease color;
+      transition:
+        0.5s ease opacity,
+        0.3s ease color;
       &.in-view {
         opacity: 0.75;
       }
@@ -55,4 +57,3 @@ button#toc {
     }
   }
 }
-