fix(css): format css

src/components/anchored.module.scss

@@ -1,28 +1,28 @@
 .small {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 a.icon {
-display: none;
-width: var(--column);
-height: var(--vRythm);
-background: var(--tertiary);
-mask-repeat: no-repeat;
-mask-position: left center;
--webkit-mask-size: calc(var(--vRythm) * 1);
-mask-size: calc(var(--vRythm) * 1);
+  display: none;
+  width: var(--column);
+  height: var(--vRythm);
+  background: var(--tertiary);
+  mask-repeat: no-repeat;
+  mask-position: left center;
+  -webkit-mask-size: calc(var(--vRythm) * 1);
+  mask-size: calc(var(--vRythm) * 1);
 }
 
 .root:hover a.icon {
-display: inline-block;
-mask-image: url('/images/icons/link.svg');
+  display: inline-block;
+  mask-image: url('/images/icons/link.svg');
 }
 
 a.icon:target {
-display: inline-block;
-mask-image: url('/images/icons/target.svg');
+  display: inline-block;
+  mask-image: url('/images/icons/target.svg');
 }
 
 a.icon span {
-display: none;
-}
+  display: none;
+}

src/components/article.module.scss

@@ -1,6 +1,6 @@
-  .root {
-    padding: var(--vRythm) 0;
-  }
-  .root:not(:last-child) {
-    border-bottom: var(--border) solid var(--dark);
-  } 
+.root {
+  padding: var(--vRythm) 0;
+}
+.root:not(:last-child) {
+  border-bottom: var(--border) solid var(--dark);
+}

src/components/blockquote.module.scss

@@ -1,8 +1,8 @@
 .root {
-    font-family: var(--writingFont);
-    font-size: var(--greatFontSize);
-    line-height: var(--greatLineHeight);
-    margin: 0 0 var(--vRythm) 0;
-    padding: 0 0 0 var(--gutter);
-    border-left: var(--border) solid var(--green2);
-  }
+  font-family: var(--writingFont);
+  font-size: var(--greatFontSize);
+  line-height: var(--greatLineHeight);
+  margin: 0 0 var(--vRythm) 0;
+  padding: 0 0 0 var(--gutter);
+  border-left: var(--border) solid var(--green2);
+}

src/components/cite.module.scss

@@ -1,7 +1,4 @@
-/* cite.module.scss */
-
 .root {
-    color: var(--primary);
-    text-decoration: underline;
-  }
-
+  color: var(--primary);
+  text-decoration: underline;
+}

src/components/code.module.scss

@@ -1,7 +1,4 @@
-/* code.module.scss */
-
 .root {
-    text-decoration: none;
-    font-family: monospace;
-  }
-
+  text-decoration: none;
+  font-family: monospace;
+}

src/components/contentBlock.module.scss

@@ -1,18 +1,18 @@
-@import "../layouts/variables.scss";  
+@import '../layouts/variables.scss';
 
 .root {
-    background-color: var(--light);
-    padding: calc(var(--vRythm) * 2) var(--gutter);
+  background-color: var(--light);
+  padding: calc(var(--vRythm) * 2) var(--gutter);
 }
 
 @media screen and (min-width: $CSS_BREAKPOINT_START_L) {
-    .root {
-        padding: calc(var(--vRythm) * 2) calc(var(--gutter) * 2);
-    }
+  .root {
+    padding: calc(var(--vRythm) * 2) calc(var(--gutter) * 2);
+  }
 }
 
 @media screen and (min-width: $CSS_BREAKPOINT_START_XL) {
-    .root {
-        padding: calc(var(--vRythm) * 3) calc(var(--gutter) * 8);
-    }
-} 
+  .root {
+    padding: calc(var(--vRythm) * 3) calc(var(--gutter) * 8);
+  }
+}

src/components/em.module.scss

@@ -1,7 +1,6 @@
 /* em.module.scss */
 
 .root {
-    text-decoration: none;
-    font-style: italic;
-  }
-
+  text-decoration: none;
+  font-style: italic;
+}

src/components/footer.module.scss

@@ -1,34 +1,34 @@
-@import "../layouts/variables.scss"; 
+@import '../layouts/variables.scss';
 
 .footer {
-    display: block;
-    width: 100%;
-    background-color: var(--dark);
+  display: block;
+  width: 100%;
+  background-color: var(--dark);
+}
+.p {
+  color: var(--light);
+  margin: 0 auto;
+  text-align: center;
+  line-height: var(--vRythm);
+}
+.a,
+.a:visited,
+.a:hover {
+  color: var(--light);
+}
+@media screen and (max-width: $CSS_BREAKPOINT_END_S) {
+  .footer {
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row-start: 4;
+    grid-row-end: 5;
   }
-  .p {
-    color: var(--light);
-    margin: 0 auto;
-    text-align: center;
-    line-height: var(--vRythm);
+}
+@media screen and (min-width: $CSS_BREAKPOINT_START_M) {
+  .footer {
+    grid-column-start: 1;
+    grid-column-end: 3;
+    grid-row-start: 4;
+    grid-row-end: 5;
   }
-  .a,
-  .a:visited,
-  .a:hover {
-    color: var(--light);
-  }
-  @media screen and (max-width: $CSS_BREAKPOINT_END_S) {
-    .footer {
-      grid-column-start: 1;
-      grid-column-end: 3;
-      grid-row-start: 4;
-      grid-row-end: 5;
-    }
-  }
-  @media screen and (min-width: $CSS_BREAKPOINT_START_M) {
-    .footer {
-      grid-column-start: 1;
-      grid-column-end: 3;
-      grid-row-start: 4;
-      grid-row-end: 5;
-    }
-  }
+}

src/components/h1.module.scss

@@ -1,9 +1,9 @@
 .root {
-    color: var(--primary);
-    font-family: var(--headingFont);
-    font-size: var(--giantFontSize);
-    line-height: var(--giantLineHeight);
-    font-weight: bold;
-    margin: 0 0 calc(var(--vRythm) * 2) 0;
-    text-align: center;
-}
+  color: var(--primary);
+  font-family: var(--headingFont);
+  font-size: var(--giantFontSize);
+  line-height: var(--giantLineHeight);
+  font-weight: bold;
+  margin: 0 0 calc(var(--vRythm) * 2) 0;
+  text-align: center;
+}

src/components/h2.module.scss

@@ -1,8 +1,8 @@
 .root {
-    color: var(--quinary);
-    font-family: var(--headingFont);
-    font-size: var(--greatFontSize);
-    line-height: var(--greatLineHeight);
-    font-weight: normal;
-    margin: var(--vRythm) 0 0 0;
-  }
+  color: var(--quinary);
+  font-family: var(--headingFont);
+  font-size: var(--greatFontSize);
+  line-height: var(--greatLineHeight);
+  font-weight: normal;
+  margin: var(--vRythm) 0 0 0;
+}

src/components/h3.module.scss

@@ -1,8 +1,8 @@
 .root {
-    font-family: var(--headingFont);
-    font-size: var(--bigFontSize);
-    line-height: var(--bigLineHeight);
-    text-decoration: underline;
-    font-weight: normal;
-    margin: var(--vRythm) 0 0 0;
-}
+  font-family: var(--headingFont);
+  font-size: var(--bigFontSize);
+  line-height: var(--bigLineHeight);
+  text-decoration: underline;
+  font-weight: normal;
+  margin: var(--vRythm) 0 0 0;
+}

src/components/h4.module.scss

@@ -1,6 +1,6 @@
 .root {
-    font-family: var(--headingFont);
-    font-size: var(--bigFontSize);
-    line-height: var(--bigLineHeight);
-    margin: 0 0 var(--vRythm) 0;
-  }
+  font-family: var(--headingFont);
+  font-size: var(--bigFontSize);
+  line-height: var(--bigLineHeight);
+  margin: 0 0 var(--vRythm) 0;
+}

src/components/h5.module.scss

@@ -1,6 +1,6 @@
 .root {
-    font-family: var(--headingFont);
-    font-size: var(--mediumFontSize);
-    line-height: var(--mediumLineHeight);
-    margin: 0 0 var(--vRythm) 0;
-  }
+  font-family: var(--headingFont);
+  font-size: var(--mediumFontSize);
+  line-height: var(--mediumLineHeight);
+  margin: 0 0 var(--vRythm) 0;
+}

src/components/h6.module.scss

@@ -1,6 +1,6 @@
 .root {
-    font-family: var(--headingFont);
-    font-size: var(--mediumFontSize);
-    line-height: var(--mediumLineHeight);
-    margin: 0 0 var(--vRythm) 0;
-  }
+  font-family: var(--headingFont);
+  font-size: var(--mediumFontSize);
+  line-height: var(--mediumLineHeight);
+  margin: 0 0 var(--vRythm) 0;
+}

src/components/hr.module.scss

@@ -1,4 +1,4 @@
 .root {
-    border-bottom: var(--border) solid var(--green2);
-    margin: 0 0 var(--vRythm) 0;
-  }
+  border-bottom: var(--border) solid var(--green2);
+  margin: 0 0 var(--vRythm) 0;
+}

src/components/li.module.scss

@@ -1,6 +1,6 @@
 .root > :global(:first-child:last-child) {
-    margin: 0;
-  }
-  li {
-    margin-left: 50px;
-  }
+  margin: 0;
+}
+li {
+  margin-left: 50px;
+}

src/components/ol.module.scss

@@ -1,3 +1,3 @@
 .root {
-    margin: 0 0 var(--vRythm) 0;
-  }
+  margin: 0 0 var(--vRythm) 0;
+}

src/components/p.module.scss

@@ -1,3 +1,3 @@
 .root {
-    margin: 0 0 var(--vRythm) 0;
-  }
+  margin: 0 0 var(--vRythm) 0;
+}

src/components/tootList.module.scss

@@ -1,31 +1,31 @@
 .root {
-    margin: 0 0 var(--vRythm) 0;
+  margin: 0 0 var(--vRythm) 0;
 }
 
 .toot :global(a) {
-color: #205370;
+  color: #205370;
 }
 
 .toot :global(p) {
-margin-left: 2%;
+  margin-left: 2%;
 }
 
 .toot :global(a):hover {
-color: #14171a;
+  color: #14171a;
 }
 
 .tootList {
-margin-top: var(--vRythm);
-display: flex;
-flex-direction: row;
-gap: var(--gutter);
+  margin-top: var(--vRythm);
+  display: flex;
+  flex-direction: row;
+  gap: var(--gutter);
 }
 
 .toot {
-border-style: solid;
-border-color: var(--grey);
-border-width: var(--borderSize);
-border-radius: var(--borderRadius);
-width: var(--block);
-padding: calc(var(--vRythm) / 2) calc(var(--gutter) / 2);
-}
+  border-style: solid;
+  border-color: var(--grey);
+  border-width: var(--borderSize);
+  border-radius: var(--borderRadius);
+  width: var(--block);
+  padding: calc(var(--vRythm) / 2) calc(var(--gutter) / 2);
+}

src/components/ul.module.scss

@@ -1,3 +1,3 @@
 .root {
-    margin: 0 0 var(--vRythm) 0;
-  }
+  margin: 0 0 var(--vRythm) 0;
+}

src/layouts/main.module.scss

@@ -1,4 +1,4 @@
-@import "./variables";
+@import './variables';
 
 .root {
   min-height: 100vh;