chore: spacing + formatting

.markdownlint.json

@@ -2,5 +2,6 @@
   "default": true,
   "MD013": false,
   "MD033": false,
-  "MD041": false
+  "MD041": false,
+  "MD047": false
 }

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "20.12.0",
+  "version": "20.12.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "20.12.0",
+      "version": "20.12.1",
       "license": "MIT",
       "dependencies": {
         "@cdransf/api-text": "^1.4.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "20.12.0",
+  "version": "20.12.1",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "scripts": {

src/assets/styles/components/media-grid.css

@@ -1,6 +1,6 @@
 :root {
-  --grid-square: repeat(2,minmax(0,1fr));
-  --grid-vertical: repeat(3,minmax(0,1fr));
+  --grid-square: repeat(2, minmax(0, 1fr));
+  --grid-vertical: repeat(3, minmax(0, 1fr));
 }
 
 .media-grid {
@@ -98,7 +98,7 @@
 
 @media screen and (min-width: 768px) {
   :root {
-    --grid-square: repeat(4,minmax(0,1fr));
-    --grid-vertical: repeat(6,minmax(0,1fr));
+    --grid-square: repeat(4, minmax(0, 1fr));
+    --grid-vertical: repeat(6, minmax(0, 1fr));
   }
 }

src/assets/styles/pages/links.css

@@ -1,7 +1,7 @@
 .link-grid {
   display: grid;
   gap: var(--sizing-sm);
-  grid-template-columns: repeat(1,minmax(0,1fr));
+  grid-template-columns: repeat(1, minmax(0, 1fr));
   margin-bottom: var(--sizing-base);
 
   & .link-box {
@@ -12,6 +12,6 @@
 
 @media screen and (min-width: 768px) {
   .link-grid {
-    grid-template-columns: repeat(2,minmax(0,1fr));
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }

src/assets/styles/plugins/prism.css

@@ -1,6 +1,6 @@
 code[class*="language-"],
 pre[class*="language-"] {
-  color: #b0cfff;
+  color: var(--blue-200);
   background: none;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
   font-family: var(--font-mono);
@@ -18,87 +18,92 @@ pre[class*="language-"] {
   padding: var(--sizing-lg);
   margin: var(--sizing-xl) 0;
   overflow: auto;
-  background: #1a1d22;
-  border: 1px solid #dfe3e8;
+  background: var(--gray-darkest);
+  border: 1px solid var(--gray-200);
 }
 
 :not(pre) > code[class*="language-"] {
   padding: var(--sizing-xs);
   white-space: normal;
-  background: #1a1d22;
-}
-
-.token.comment,
-.token.prolog,
-.token.doctype,
-.token.cdata {
-  color: #7f899b;
-}
-
-.token.punctuation {
-  color: #dfe3e8;
+  background: var(--gray-darkest);
 }
 
 .namespace {
   opacity: 0.7;
 }
 
-.token.property,
-.token.tag,
-.token.constant,
-.token.symbol,
-.token.deleted {
-  color: #4b88ff;
-}
-
-.token.boolean,
-.token.number {
-  color: #2458d4;
-}
-
-.token.selector,
-.token.attr-name,
-.token.string,
-.token.char,
-.token.builtin,
-.token.inserted {
-  color: #2ecc71;
-}
-
-.token.operator,
-.token.entity,
-.token.url,
 .language-css .token.string,
-.style .token.string,
-.token.variable {
+.style .token.string {
   color: #3498db;
 }
 
-.token.atrule,
-.token.attr-value,
-.token.function,
-.token.class-name {
-  color: #e67e22;
-}
+.token {
+  &.comment,
+  &.prolog,
+  &.doctype,
+  &.cdata {
+    color: var(--gray-600);
+  }
 
-.token.keyword {
-  color: #1abc9c;
-}
+  &.punctuation {
+    color: var(--gray-200);
+  }
 
-.token.regex,
-.token.important {
-  color: #e74c3c;
-}
+  &.property,
+  &.tag,
+  &.constant,
+  &.symbol,
+  &.deleted {
+    color: var(--blue-500);
+  }
 
-.token.important,
-.token.bold {
-  font-weight: var(--font-weight-bold);
-}
+  &.boolean,
+  &.number {
+    color: var(--blue-700);
+  }
 
-.token.italic {
-  font-style: italic;
-}
+  &.selector,
+  &.attr-name,
+  &.string,
+  &.char,
+  &.builtin,
+  &.inserted {
+    color: #2ecc71;
+  }
 
-.token.entity {
-  cursor: help;
+  &.operator,
+  &.entity,
+  &.url,
+  &.variable {
+    color: #3498db;
+  }
+
+  &.atrule,
+  &.attr-value,
+  &.function,
+  &.class-name {
+    color: #e67e22;
+  }
+
+  &.keyword {
+    color: #1abc9c;
+  }
+
+  &.regex,
+  &.important {
+    color: #e74c3c;
+  }
+
+  &.italic {
+    font-style: italic;
+  }
+
+  &.entity {
+    cursor: help;
+  }
+
+  &.important,
+  &.bold {
+    font-weight: var(--font-weight-bold);
+  }
 }

src/assets/styles/reset.css

@@ -1,39 +1,34 @@
-/*
-  1. Use a more-intuitive box-sizing model.
-*/
+/* use a more-intuitive box-sizing model */
 *, *::before, *::after {
   box-sizing: border-box;
 }
-/*
-  2. Remove default margin
-*/
+
+/* remove default margin */
 * {
   margin: 0;
 }
+
 /*
-  Typographic tweaks!
-  3. Add accessible line-height
-  4. Improve text rendering
+  typographic tweaks
+  - add accessible line-height
+  - improve text rendering
 */
 body {
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
 }
-/*
-  5. Remove built-in form typography styles
-*/
+
+/* remove built-in form typography styles */
 input, button, textarea, select {
   font: inherit;
 }
-/*
-  6. Avoid text overflows
-*/
+
+/* avoid text overflows */
 p, h1, h2, h3, h4, h5, h6 {
   overflow-wrap: break-word;
 }
-/*
-  7. Create a root stacking context
-*/
+
+/* create a root stacking context */
 #root, #__next {
   isolation: isolate;
 }