chore: spacing + formatting

.markdownlint.json

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

LICENSE

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

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/badge-grid.css

@@ -27,4 +27,4 @@
   .badge-grid {
     grid-template-columns: repeat(4, 1fr);
   }
-}
+}

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;
 }