Estilo más retro

1 files changed, 9 insertions, 41 deletions

diff --git a/src/layouts/BlogListLayout.astro b/src/layouts/BlogListLayout.astro
index 749259e..cb33a67 100644
--- a/src/layouts/BlogListLayout.astro
+++ b/src/layouts/BlogListLayout.astro
@@ -96,7 +96,6 @@ const schema = {
               const tagsAttribute = postTags.join(',');
               return (
                 <li class="post-item" data-tags={tagsAttribute}>
-                  <a href={`/blog/${post.id}/`}>{post.data.title}</a>
                   {postTags.length > 0 && (
                     <ul class="post-tags">
                       {postTags.map((tag: string) => (
@@ -108,6 +107,7 @@ const schema = {
                       ))}
                     </ul>
                   )}
+                  <a href={`/blog/${post.id}/`}>{post.data.title}</a>
                 </li>
               );
             })}
@@ -250,14 +250,6 @@ const schema = {
     margin-bottom: 2.5rem;
     background: white;
     border-radius: 0.75rem;
-
-    h2 {
-      font-size: 1.5rem;
-      font-weight: 600;
-      margin-top: 0;
-      margin-bottom: 1rem;
-      color: v.$accentDark;
-    }
   }
 
   .tag-filter {
@@ -295,41 +287,26 @@ const schema = {
   .post-section {
     margin-bottom: 3rem;
 
-    h2 {
-      font-size: 1.75rem;
-      font-weight: 700;
-      margin-bottom: 1.25rem;
-      color: v.$dark;
-      padding-bottom: 0.5rem;
-      border-bottom: 2px solid rgba(0, 102, 204, 0.15);
-    }
-
     > ul {
       list-style: none;
       padding: 0;
+      margin: 0 0 2rem 0;
       display: flex;
       flex-direction: column;
-      gap: 1rem;
+      gap: 0.5rem;
     }
   }
 
   .post-item {
-    background: v.$lightAlt;
-    padding: 1.25rem 1.5rem;
-    border-radius: 0.625rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-
     > a {
-      font-size: 1.2rem;
+      font-size: 1rem;
       font-weight: 600;
       text-decoration: none;
-      color: v.$accentDark;
+      color: blue;
       box-shadow: none !important;
 
       &:hover {
-        color: v.$accent;
+        color: orangered;
         box-shadow: none !important;
       }
     }
@@ -345,18 +322,13 @@ const schema = {
     flex-wrap: wrap;
   }
 
-  .post-tags li {
-    display: inline;
-  }
-
   .tag-link {
     display: inline-block;
-    padding: 0.25rem 0.625rem;
+    padding: 0.15rem 0.25rem;
     background-color: rgba(0, 153, 255, 0.1);
     color: v.$accentDark;
-    border: 1px solid rgba(0, 102, 204, 0.2);
-    border-radius: 1.25rem;
-    font-size: 0.8rem;
+    border: none;
+    font-size: 0.82rem;
     font-weight: 500;
     font-family: v.$monoFontStack;
     text-decoration: none;
@@ -368,8 +340,4 @@ const schema = {
       box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }
   }
-
-  #blog-posts {
-    min-height: 200px;
-  }
 </style>