chore: cleanup styles, deps

src/assets/styles/base/index.css

@@ -7,7 +7,9 @@ html {
   word-spacing: -.125rem;
   line-height: var(--line-height-base);
   background: var(--background-color);
-  accent-color: var(--accent-color)
+  accent-color: var(--accent-color);
+  scrollbar-width: thin;
+  scrollbar-color: var(--accent-color) var(--gray-light);
 }
 
 ::-moz-selection {
@@ -20,13 +22,6 @@ html {
   background: var(--selection-color);
 }
 
-/* scrollbars */
-body,
-html {
-  scrollbar-width: thin;
-  scrollbar-color: var(--accent-color) var(--gray-light);
-}
-
 ::-webkit-scrollbar {
   width: var(--sizing-xs);
   height: var(--sizing-xs);
@@ -49,10 +44,6 @@ body::-webkit-scrollbar {
   background-color: var(--accent-color);
 }
 
-blockquote {
-  margin: var(--sizing-base) 0;
-}
-
 p {
   margin: var(--sizing-base) 0;
 
@@ -66,10 +57,11 @@ p {
 
 blockquote {
   font-size: var(--font-size-lg);
-  padding-left: var(--sizing-lg);
-  color: var(--gray-dark);
-  border-left: var(--sizing-xs) solid var(--gray-dark);
   word-break: break-word;
+  color: var(--gray-dark);
+  padding-left: var(--sizing-lg);
+  border-left: var(--sizing-xs) solid var(--gray-dark);
+  margin: var(--sizing-base) 0;
 }
 
 :is(body, html, nav .search) svg {
@@ -342,24 +334,6 @@ nav .active svg {
 .heart-handshake svg { stroke: var(--webrings) !important; }
 .rss svg { stroke: var(--brand-rss) !important; }
 
-.coffee:hover,
-.coffee:active,
-.coffee:focus {
-  color: var(--brand-buy-me-a-coffee) !important;
-}
-
-.brand-mastodon:hover,
-.brand-mastodon:active,
-.brand-mastodon:focus {
-  color: var(--brand-mastodon) !important;
-}
-
-.rss:hover,
-.rss:active,
-.rss:focus {
-  color: var(--brand-rss) !important;
-}
-
 /* layout */
 .default-wrapper {
   padding-top: var(--sizing-2xl);
@@ -384,13 +358,13 @@ main {
 }
 
 /* now */
-.now-topper,
+.home-status,
 article {
   border-bottom: 1px solid var(--gray-light);
   margin-bottom: var(--sizing-base);
 }
 
-.now-topper p:first-child {
+.home-status p:first-child {
   margin-top: 0;
 }
 

src/assets/styles/components/link-peek.css

@@ -1,42 +0,0 @@
-link-peek {
-  &:defined {
-    & a:not([data-key]) {
-      display: none;
-    }
-
-    & figure {
-      position: relative;
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(300px, max-content));
-      gap: 1rem;
-      max-inline-size: max-content;
-      border: 1px solid var(--gray-light);
-      border-radius: var(--rounded);
-      padding: 1rem;
-      margin: 0 0 var(--sizing-base);
-      font-size: var(--font-size-sm);
-      line-height: var(--line-height-sm);
-    }
-
-    & a[data-key="data.title.link"],
-    & figure p {
-      font-size: var(--font-size-sm);
-      line-height: var(--line-height-sm);
-    }
-  }
-
-  & img {
-    &[data-key="data.logo.url"] {
-      margin-right: var(--sizing-xs);
-      inline-size: var(--sizing-lg);
-      block-size: var(--sizing-lg);
-      vertical-align: middle;
-    }
-
-    &[data-key="data.image.url"] {
-      max-inline-size: 100%;
-      block-size: auto;
-      border-radius: var(--rounded);
-    }
-  }
-}

src/assets/styles/index.css

@@ -31,7 +31,6 @@
 @import url('./components/banners.css') layer(components);
 @import url('./components/buttons.css') layer(components);
 @import url('./components/forms.css') layer(components);
-@import url('./components/link-peek.css') layer(components);
 @import url('./components/mastodon-post.css') layer(components);
 @import url('./components/media-grid.css') layer(components);
 @import url('./components/menu.css') layer(components);

src/assets/styles/pages/post.css

@@ -1,8 +1,3 @@
-/* embeds */
-.eleventy-plugin-youtube-embed {
-  margin-bottom: var(--sizing-lg);
-}
-
 /* footnotes */
 hr.footnotes-sep {
   margin: var(--sizing-base) 0;

src/assets/styles/plugins/prism.css

@@ -1,10 +1,9 @@
-/* Catppuccin Prism theme */
 code[class*="language-"],
 pre[class*="language-"] {
-  color: #d9e0ee;
+  color: #e2ecff;
   background: none;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-  font-family:  var(--font-mono);
+  font-family: var(--font-mono);
   text-align: left;
   white-space: pre;
   word-spacing: normal;
@@ -20,28 +19,26 @@ pre[class*="language-"] {
   padding: 1rem;
   margin: 1.25rem 0;
   overflow: auto;
-}
-
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
-  background:#1e1d2f;
+  background: #1a1d22;
+  border: 1px solid var(--gray-light);
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
   padding: 0.1rem;
   white-space: normal;
+  background: #1a1d22;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-  color: #7c7f93;
+  color: #7f899b;
 }
 
 .token.punctuation {
-  color: #dce0e8;
+  color: #dfe3e8; /* Light gray */
 }
 
 .namespace {
@@ -53,12 +50,12 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-  color: #ea76cb;
+  color: #4b88ff;
 }
 
 .token.boolean,
 .token.number {
-  color: #8839ef;
+  color: #2458d4;
 }
 
 .token.selector,
@@ -76,7 +73,7 @@ pre[class*="language-"] {
 .language-css .token.string,
 .style .token.string,
 .token.variable {
-  color: #e6e9ef;
+  color: #e2ecff;
 }
 
 .token.atrule,
@@ -106,4 +103,4 @@ pre[class*="language-"] {
 
 .token.entity {
   cursor: help;
-}
+}