hexo-theme-stellar 1.15.1 → 1.16.1

package/source/css/_layout/tag-plugins/common.styl

@@ -82,31 +82,31 @@ set_text_black()
 set_darkmode_tags()
   .tag-plugin[color='red']
     --theme-border: mix($c-red, black, 70)
-    --theme-bg: mix($c-red, black, 20)
+    --theme-bg: mix($c-red, black, 35)
 
   .tag-plugin[color='orange']
     --theme-border: mix($c-orange, black, 70)
-    --theme-bg: mix($c-orange, black, 20)
+    --theme-bg: mix($c-orange, black, 35)
 
   .tag-plugin[color='yellow']
     --theme-border: mix($c-yellow, black, 70)
-    --theme-bg: mix($c-yellow, black, 20)
+    --theme-bg: mix($c-yellow, black, 30)
 
   .tag-plugin[color='green']
     --theme-border: mix($c-green, black, 70)
-    --theme-bg: mix($c-green, black, 20)
+    --theme-bg: mix($c-green, black, 30)
 
   .tag-plugin[color='cyan']
     --theme-border: mix($c-cyan, black, 70)
-    --theme-bg: mix($c-cyan, black, 20)
+    --theme-bg: mix($c-cyan, black, 30)
 
   .tag-plugin[color='blue']
     --theme-border: mix($c-blue, black, 70)
-    --theme-bg: mix($c-blue, black, 20)
+    --theme-bg: mix($c-blue, black, 35)
 
   .tag-plugin[color='purple']
     --theme-border: mix($c-purple, black, 70)
-    --theme-bg: mix($c-purple, black, 20)
+    --theme-bg: mix($c-purple, black, 40)
 
   .tag-plugin[color='light']
     --theme-border: white

package/source/css/_layout/tag-plugins/link.styl

@@ -1,5 +1,5 @@
 .md .tag-plugin.link
-  max-width: 400px
+  max-width: 100%
   margin: 1em auto
   display: flex
   justify-content: center
@@ -12,8 +12,8 @@
   justify-content: space-between
   align-items: center
   cursor: pointer
-  min-width 280px
-  max-width: 100%
+  // min-width 280px
+  // max-width: 100%
   width: 320px
   @media screen and (max-width: $device-mobile-375)
     width: 100%
@@ -31,7 +31,7 @@
 .md .link-card.rich
   flex-direction: column
   align-items: stretch
-  width: 400px
+  width: 460px
   text-align: justify
 
 .md .link-card
@@ -50,7 +50,7 @@
     flex-shrink: 0
   >.top
     display: flex
-    margin: .75rem 0.75rem .25rem
+    margin: 1rem 1rem 0.75rem
     overflow: hidden
     max-width: 'calc(100% - %s * 2)' % 1rem
     align-items: center
@@ -67,10 +67,10 @@
       txt-ellipsis()
       max-width: 100%
   >.bottom
-    margin: 0 0.75rem 0.75rem 0.75rem
+    margin: 0 1rem 1rem
     .title
       font-size: $fs-15
-      margin: 4px 0 8px 0
+      margin-bottom: 0.5rem
 
 .md .link-card
   line-height: 1.2

package/source/css/_layout/tag-plugins/split.styl

@@ -4,6 +4,8 @@
   grid-template-columns: repeat(auto-fill, "calc((100% - 1 * %s) / 2)" % 16px)
   >.cell
     margin: 1rem 0
+    p:first-child>strong:only-child
+      font-size: $fs-h4
   >.cell>
     p   
       line-height: 1.5
@@ -29,4 +31,8 @@
     background: var(--block)
   &[bg='card']>.cell
     background: var(--card)
-    box-shadow: $boxshadow-card
+    box-shadow: $boxshadow-card
+    trans2 box-shadow transform
+    &:hover
+      transform: translateY(-1px)
+      box-shadow: $boxshadow-card-float

package/source/css/_layout/tag-plugins/timeline.styl

@@ -192,11 +192,9 @@
     border-color: var(--block)
 
 .tag-plugin.timeline .body blockquote
-  padding: 0 0.5rem
-  box-shadow: none
-  border-left: 4px solid var(--block-border)
+  background: none
   border-radius: 0
-  display: block
+  padding: 0 0.5rem
   margin: 0.75rem 0
   p
     font-size: $fs-13

package/source/js/plugins/timeline.js

@@ -95,7 +95,7 @@ const StellarTimeline = {
           cell += '</p>';
         }
         
-        cell += marked.parse(item.body);
+        cell += marked.parse(item.body || '');
         if (!hide.includes('footer')) {
           cell += '<div class="footer">';
           cell += '<div class="flex left">';

package/layout/_partial/sidebar/logo.ejs

@@ -1,69 +0,0 @@
-<%
-var proj;
-if (page.layout === 'wiki' && page.wiki) {
-  proj = theme.wiki.projects[page.wiki];
-}
-function layoutTitle(main, url, sub) {
-  var el = '';
-  el += '<a class="title" href="' + url_for(url || "/") + '">';
-  el += '<div class="main" ff="title">' + main + '</div>';
-  if (sub) {
-    let arr = sub.split('|');
-    if (arr.length > 1) {
-      el += '<div class="sub normal cap">' + arr[0].trim() + '</div>';
-      el += '<div class="sub hover cap" style="opacity:0">' + arr[1].trim() + '</div>';
-    } else if (arr.length > 0) {
-      el += '<div class="sub cap">' + arr[0] + '</div>';
-    }
-  }
-  el += '</a>';
-  return el;
-}
-function layoutDiv() {
-  var el = '';
-  if (page.layout == 'wiki' && proj && proj.index != false) {
-    el += '<div class="logo-wrap wiki">';
-    // all products
-    el += '<a style="filter: grayscale(100%)" class="wiki-home cap" href="' + url_for(config.wiki_dir) + '">';
-    el += '<svg aria-hidden="true" viewBox="0 0 16 16" width="1rem" height="1rem" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>';
-    el += __('btn.all_wiki');
-    el += '</a>';
-    // this product
-    if (proj == undefined) {
-      // 如果没有项目名，则使用menu中显示的名字
-      if (page.menu_id && theme.sidebar.menu[page.menu_id] && md_link(theme.sidebar.menu[page.menu_id])) {
-        proj = {
-          path: md_link(theme.sidebar.menu[page.menu_id]),
-          wiki: __(md_text(theme.sidebar.menu[page.menu_id]))
-        };
-      }
-    }
-    if (proj != undefined) {
-      let main = proj.name || proj.title || page.wiki || page.title;
-      let url = proj.homepage.path;
-      let sub = proj.subtitle;
-      el += layoutTitle(main, url, sub);
-    }
-  } else {
-    el += '<div class="logo-wrap">';
-    if (md_text(theme.sidebar.logo.avatar)) {
-      el += '<a class="avatar" href="' + url_for(md_link(theme.sidebar.logo.avatar) || "/") + '">';
-      if (theme.style.animated_avatar.animate) {
-        el += '<div class="bg" style="opacity:0;background-image:url(' + theme.style.animated_avatar.background + ');"></div>';
-      }
-      el += '<img no-lazy class="avatar" src="' + md_text(theme.sidebar.logo.avatar) + '">';
-      el += '</a>';
-    }
-    let main = md_text(theme.sidebar.logo.title);
-    if (main) {
-      let url = md_link(theme.sidebar.logo.title);
-      let sub = config.subtitle;
-      el += layoutTitle(main, url, sub);
-    }
-  }
-  el += '</div>';
-  return el;
-}
-%>
-
-<%- layoutDiv() %>