chore: feed styles

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "3.3.0",
+  "version": "3.3.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "3.3.0",
+      "version": "3.3.1",
       "license": "MIT",
       "dependencies": {
         "@11ty/eleventy-fetch": "4.0.1",

package.json

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

src/assets/styles/feed.xsl

@@ -43,27 +43,26 @@
               </article>
               <section>
                 <xsl:for-each select="/rss/channel/item">
-                  <div class="item">
+                  <article>
                     <time>Published: <xsl:value-of select="pubDate" /></time>
-                    <h2>
+                    <h3>
                       <a>
                         <xsl:attribute name="href">
                           <xsl:value-of select="link" />
                         </xsl:attribute>
                         <xsl:value-of select="title" />
                       </a>
-                    </h2>
+                    </h3>
                     <xsl:value-of select="description" disable-output-escaping="yes" />
                     <xsl:if test="enclosure">
                       <img class="image-banner" src="{enclosure/@url}" alt="{title}" />
                     </xsl:if>
-                  </div>
+                  </article>
                 </xsl:for-each>
               </section>
             </div>
           </main>
           <footer>
-            <hr />
             <p>Subscribe by adding <code>
                 <xsl:value-of select="rss/channel/atom:link/@href" />
               </code> to your

src/assets/styles/pages/feeds.css

@@ -3,35 +3,7 @@
     white-space: normal;
   }
 
-  & .item {
-    &:not(:last-of-type) {
-      border-bottom: var(--border-gray);
-      margin-bottom: var(--spacing-base);
-    }
-
-    & time {
-      color: var(--gray-dark);
-      font-size: var(--font-size-sm);
-    }
-
-    & h2 {
-      margin-top: 0;
-    }
-
-    & img {
-      margin-top: var(--sizing-base);
-    }
-  }
-
-  & ol > li p {
-    display: inline;
-  }
-
-  & footer {
-    padding-bottom: var(--spacing-3xl);
-
-    & hr {
-      margin-top: 0;
-    }
+  footer {
+    border-top: var(--border-gray);
   }
 }