hexo-theme-linen 1.0.43 → 1.0.44

package/layout/partials/post-item.ejs

@@ -1,5 +1,5 @@
 <div class="post-item" href="<%=url_for(post.path)%>" onclick="onclickPostItem(this)">
-  <div class="item-body">
+  <div class="item-body<% if (post.thumbnail || post.cover) { %> has-cover<% } %>">
     <% if (post.thumbnail || post.cover) { %>
     <div class="cover-img">
       <img src="<%=url_for(post.thumbnail || post.cover)%>" alt="" loading="lazy" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-linen",
-  "version": "1.0.43",
+  "version": "1.0.44",
   "description": "A clean Hexo theme",
   "main": "index.js",
   "homepage": "https://github.com/lynanbreeze/hexo-theme-linen",

package/source/linen-theme/css/font-version.scss

@@ -1 +1 @@
-$font-version: "a80a526b";
+$font-version: "14701164";

package/source/linen-theme/css/linen.scss

@@ -1722,7 +1722,7 @@ body {
             height: 2.75em;
           }
         }
-        a:not([class]):not(blockquote a) {
+        a:not([class]) {
           color: $green;
           font-weight: bold;
           text-decoration: none;
@@ -1736,6 +1736,13 @@ body {
             vertical-align: middle;
             margin-bottom: 0.25em;
           }
+          &:empty::after,
+          &:has(img)::after {
+            display: none;
+          }
+          &:has(img):hover {
+            border-bottom: 0;
+          }
           &:hover {
             opacity: 0.85;
             border-bottom: solid 1px $green;
@@ -1772,8 +1779,7 @@ body {
       .gt-comment-avatar {
         background-color: #f5f5f5;
       }
-      .user-mention,
-      .gt-comment-body blockquote a:not([class]) {
+      .user-mention {
         color: $darkText;
         text-decoration: underline;
         @include defaultFont;
@@ -1828,6 +1834,41 @@ body {
 #recent-posts {
   .post-item {
     @include postItem;
+    @media (min-width: 901px) {
+      .item-body.has-cover {
+        display: flex;
+        align-items: stretch;
+        gap: 15px;
+
+        &::after {
+          display: none;
+        }
+
+        .cover-img {
+          order: 2;
+          float: none;
+          flex: 0 0 25%;
+          width: 25%;
+          margin-left: 0;
+        }
+
+        .title-excerpt {
+          order: 1;
+          display: flex;
+          min-width: 0;
+          flex: 1 1 0;
+          flex-direction: column;
+        }
+
+        .title-excerpt-text {
+          flex: 1 0 auto;
+        }
+
+        .post-meta {
+          margin-top: auto;
+        }
+      }
+    }
     .tags {
       @include tags;
       margin: 0.25rem 0 -0.5em 0;