hexo-theme-stellar 1.24.1 → 1.26.0

package/source/css/_plugins/comments/twikoo.styl

@@ -1,5 +1,5 @@
 .cmt-body.twikoo
-  --twikoo-lighttext: #ef794f;
+  --twikoo-lighttext: $color-theme;
   --twikoo-secondtext: #909094;
   --twikoo-emoji-background: #f8f8f8;
   --twikoo-theme: $color-theme;
@@ -8,14 +8,14 @@
   .tk-content
     .vemoji, .tk-owo-emotion
       width: unset;
-      border-radius: 0;
+      border-radius: $border-image;
       max-height: 24px;
       max-width: 100px;
 
     img
       max-width: 400px;
       max-height: 400px;
-      border-radius: 8px;
+      border-radius: $border-image;
 
 .OwO
   .OwO-body
@@ -58,7 +58,7 @@
     width: auto
     border: none
     padding: 6px 2rem
-    border-radius: 4px
+    border-radius: $border-block
     background: var(--block)
     color: var(--text-p1)
     line-height: 2
@@ -74,7 +74,7 @@
     margin-bottom: 1rem
     border: 1px dashed var(--block-border);
     padding: 1rem;
-    border-radius: 4px;
+    border-radius: $border-block;
     background: var(--card);
 
     &:hover
@@ -86,7 +86,7 @@
 
   .tk-submit
     padding: 1rem 1rem 0 1rem;
-    border-radius: 4px;
+    border-radius: $border-block;
     background: var(--card);
 
   .tk-tag
@@ -108,9 +108,9 @@
 
 set_darkmode_comments()
   .cmt-body.twikoo
-    --twikoo-lighttext: #f2b94b;
-    --twikoo-secondtext: #a1a2b8;
-    --twikoo-theme: #409eff;
+    --twikoo-lighttext: $color-link;
+    --twikoo-secondtext: var(--text-p2);
+    --twikoo-theme: $color-theme;
 
 if hexo-config('style.darkmode') == 'auto'
   @media (prefers-color-scheme: dark)

package/source/css/_plugins/scrollreveal.styl

@@ -1,2 +1,2 @@
-.reveal
+.slide-up
   visibility: hidden

package/source/css/_plugins/tianli_gpt.styl

@@ -1,7 +1,7 @@
 .post-TianliGPT
   --heo-none: #00000000
-  --heo-theme = var(--theme-link)
-  --heo-main: var(--theme-link)
+  --heo-theme = $color-theme
+  --heo-main: $color-theme
   --heo-snackbar-time: 5s
   --heo-theme-none: #4259ef01
   --heo-background: var(--site-bg)
@@ -18,11 +18,10 @@
 
 .post-TianliGPT
   background: var(--block)
-  border-radius: 12px
+  border-radius: $border-block
   padding: 12px
   line-height: 1.3
   border: var(--style-border-always)
-  margin: 16px 0
 
   @media screen and (max-width: 768px)
     .post-TianliGPT
@@ -30,7 +29,6 @@
 
 .tianliGPT-title
   display: flex
-  color: var(--theme-link)
   border-radius: 8px
   align-items: center
   padding: 0 12px
@@ -46,7 +44,7 @@
   margin-top: 12px
   padding: 8px 12px
   background: var(--card)
-  border-radius: 8px
+  border-radius: $border-block
   border: var(--style-border-always)
   font-size: 15px
   line-height: 1.4
@@ -71,15 +69,15 @@
   transition: 0.3s
   
 .tianliGPT-suggestions .tianliGPT-suggestions-item:hover
-  background: var(--heo-main)
+  background: $color-theme
   color: var(--text-p0)
 
 .blinking-cursor
-  background-color: var(--heo-main)
+  background-color: var(--text-p2)
   width: 10px
-  height: 16px
+  height: 10px
   display: inline-block
-  vertical-align: middle
+  border-radius: 50%;
   animation: blinking-cursor 0.5s infinite
   -webkit-animation: blinking-cursor 0.5s infinite
   margin-left: 4px
@@ -102,7 +100,7 @@
     
 .tianliGPT-tag
   font-size: 12px
-  background-color: var(--theme-link)
+  background-color: var(--text-p2)
   color: var(--card)
   font-weight: bold
   border-radius: 4px
@@ -116,7 +114,7 @@
   transition: 0.3s
 
 .tianliGPT-tag:hover
-  background: var(--text-p2)
+  background: $color-theme
   color: var(--card)
 
 ins.adsbygoogle
@@ -149,7 +147,7 @@ ins.adsbygoogle
 .tianliGPT-title-icon svg
   width: 20px
   height: 20px
-  fill: var(--heo-main)
+  fill: var(--text-p2)
 
 .tianliGPT-title-icon svg path
-  fill: var(--heo-main)
+  fill: var(--text-p2)

package/source/js/main.js

@@ -197,13 +197,16 @@ init.registerTabsTag()
 // scrollreveal
 if (stellar.plugins.scrollreveal) {
   stellar.loadScript(stellar.plugins.scrollreveal.js).then(function () {
-    ScrollReveal().reveal("body .reveal", {
+    const slideUp = {
       distance: stellar.plugins.scrollreveal.distance,
       duration: stellar.plugins.scrollreveal.duration,
       interval: stellar.plugins.scrollreveal.interval,
       scale: stellar.plugins.scrollreveal.scale,
+      opacity: 0,
       easing: "ease-out"
-    });
+    }
+    ScrollReveal().reveal('.l_left .slide-up', slideUp)
+    ScrollReveal().reveal('.l_main .slide-up', slideUp)
   })
 }
 

package/source/js/plugins/copycode.js

@@ -3,7 +3,7 @@ codeElementArr.forEach(code => {
   // copy btn 
   const codeCopyBtn = document.createElement('div')
   codeCopyBtn.classList.add('copy-btn')
-  codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+  codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
 
   code.appendChild(codeCopyBtn)
 
@@ -11,11 +11,11 @@ codeElementArr.forEach(code => {
     const currentCodeElement = code.children[0]?.innerText
     await copyCode(currentCodeElement)
 
-    codeCopyBtn.innerText = stellar.plugins.copycode.success_text
+    codeCopyBtn.innerHTML = stellar.plugins.copycode.success_text
     codeCopyBtn.classList.add('success')
     hud.toast(stellar.plugins.copycode.toast, 2500)
     setTimeout(() => {
-      codeCopyBtn.innerText = stellar.plugins.copycode.default_text
+      codeCopyBtn.innerHTML = stellar.plugins.copycode.default_text
       codeCopyBtn.classList.remove('success')
     },3000)
   })

package/source/js/plugins/fcircle.js

@@ -86,7 +86,7 @@ $(function () {
     var cfg = new Object();
     cfg.el = el;
     cfg.api = api;
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
     FCircle.layoutDiv(cfg);
   }
 });

package/source/js/plugins/friends.js

@@ -78,7 +78,7 @@ $(function () {
     cfg.el = el;
     cfg.api = api;
     cfg.class = el.getAttribute('class');
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
     friendsjs.layout(cfg);
   }
 });

package/source/js/plugins/memos.js

@@ -126,7 +126,7 @@ $(function () {
     cfg.host = api.replace(/https:\/\/(.*?)\/(.*)/i, '$1');
     cfg.avatar = el.getAttribute('avatar');
     if (!cfg.avatar) {
-      cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+      cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
     }
     MemosJS.layoutDiv(cfg);
   }

package/source/js/plugins/sites.js

@@ -80,8 +80,8 @@ $(function () {
     cfg.class = el.getAttribute('class');
     cfg.el = el;
     cfg.api = api;
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/link/8f277b4ee0ecd.svg';
-    cfg.screenshot = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/cover/76b86c0226ffd.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/link/8f277b4ee0ecd.svg';
+    cfg.screenshot = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/cover/76b86c0226ffd.svg';
     sitesjs.layout(cfg);
   }
 });

package/source/js/plugins/weibo.js

@@ -110,7 +110,7 @@ $(function () {
     var cfg = new Object();
     cfg.el = el;
     cfg.api = api;
-    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.9/avatar/round/3442075.svg';
+    cfg.avatar = 'https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/avatar/round/3442075.svg';
     weibojs.layoutDiv(cfg);
   }
 });

package/layout/_partial/main/header/index.ejs

@@ -1,3 +0,0 @@
-<% if (page.header != 'auto' && page.header != false) { %>
-  <%- partial('../../sidebar/header', {where: 'main'}) %>
-<% } %>

package/layout/_partial/main/navbar/breadcrumb.ejs

@@ -1,139 +0,0 @@
-<%
-function layoutDiv() {
-  var el = '';
-  if (page.breadcrumb === false) {
-    return el;
-  }
-  var home_title = __("btn.home");
-  if (theme.breadcrumb && theme.breadcrumb.home) {
-    if (theme.breadcrumb.home === 'config.title') {
-      home_title = config.title;
-    } else if (theme.breadcrumb.home === 'config.author') {
-      home_title = config.author;
-    } else if (theme.breadcrumb.home !== 'home') {
-      home_title = theme.breadcrumb.home;
-    }
-  }
-  if (page.layout === "post") {
-    var firstCat = "";
-    if (page.categories && page.categories.length > 0) {
-      firstCat = page.categories.data[0].name;
-    }
-    el += '<div class="bread-nav fs12">';
-    el += '<div class="left">';
-    el += '<div id="breadcrumb">';
-    el += '<a class="cap breadcrumb" href="' + url_for(config.root) + '">' + home_title + '</a>';
-    el += '<span class="sep"></span>';
-    el += '<a class="cap breadcrumb" href="' + url_for(config.index_generator.path) + '">' + __("btn.blog") + '</a>';
-    if (page.layout == "post" && page.categories && page.categories.length > 0) {
-      el += '<span class="sep"></span>';
-      el += list_categories(page.categories, {
-          class: "cap breadcrumb",
-          show_count: false,
-          separator: ' <span class="sep"></span> ',
-          style: "none"
-        });
-    }
-    el += '</div>';
-    // 作者
-    var author = null
-    if (theme.authors) {
-      if (page.author?.length > 0 && theme.authors[page.author] != null) {
-        author = theme.authors[page.author]
-      } else {
-        author = theme.default_author
-      }
-    }
-    el += '<div id="post-meta">';
-    if (author) {
-      let link = `<a href="${url_for(author.path)}">${author.name}</a>`
-      el += `<span class="author">${__("meta.created_author", link)}</span>`
-    } else {
-      el += `<span class="author">${__("meta.created")}</span>`
-    }
-    // 发布日期
-    el += `
-    <span class="created"><time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time></span>
-    `;
-    // 更新日期
-    el += `
-    <span class="updated">${__("symbol.comma") + __("meta.updated")}&nbsp;<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time></span>
-    `;
-    el += '</div>';
-    
-    el += '</div>';
-    el += '</div>';
-  } else if (page.layout === "wiki" && page.wiki && page.wiki.length > 0) {
-    el += '<div class="bread-nav fs12">';
-    el += '<div class="left">';
-    el += '<div id="breadcrumb">';
-    var nodes = [];
-    // home
-    el += '<a class="cap breadcrumb" id="home" href="' + url_for(config.root) + '">' + home_title + '</a>';
-    nodes.push('/');
-    // menu_id
-    el += '<span class="sep"></span>';
-    if (page.menu_id && theme.sidebar.menu[page.menu_id] && md_link(theme.sidebar.menu[page.menu_id])) {
-      let url = url_for(md_link(theme.sidebar.menu[page.menu_id]));
-      nodes.push(url);
-      el += '<a class="cap breadcrumb" id="menu" href="' + url + '">' + __(md_text(theme.sidebar.menu[page.menu_id])) + '</a>';
-    } else {
-      let url = url_for(config.wiki_dir || "/wiki/");
-      nodes.push(url);
-      el += '<a class="cap breadcrumb" id="menu" href="' + url + '">' + __("btn.wiki") + '</a>';
-    }
-    // 项目名
-    let proj = theme.wiki.tree[page.wiki];
-    if (proj != null) {
-      let url_proj = url_for(proj.homepage?.path);
-      if (nodes.includes(url_proj) === false) {
-        el += '<span class="sep"></span>';
-        el += '<a class="cap breadcrumb" id="proj" href="' + url_proj + '">' + (proj.name || proj.title) + '</a>';
-      }
-    }
-    el += '</div>';
-    // 更新日期
-    el += '<div id="post-meta">';
-    el += `
-    <span>${__("meta.updated")}&nbsp;<time datetime="${date_xml(page.updated)}">${date(page.updated, config.date_format)}</time></span>
-    `;
-    el += '</div>';
-    el += '</div>';
-
-    const repo = page.repo || proj?.repo
-    if (repo) {
-      el += `
-      <div class="right ghrepo stellar-ghinfo-api" api="${theme.api_host.ghapi}/repos/${repo}">
-        <a class="repo-link bold" href="https://github.com/${repo}">
-          <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
-          <span type="text">${repo}</span>
-        </a>
-        <a class="repo-link" href="https://github.com/${repo}/stargazers">
-          <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"></path></svg>
-          <span type="text" id="stargazers_count">0</span><span>stars</span>
-        </a>
-        <a class="repo-link" href="https://github.com/${repo}/forks">
-          <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M5 3.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm0 2.122a2.25 2.25 0 10-1.5 0v.878A2.25 2.25 0 005.75 8.5h1.5v2.128a2.251 2.251 0 101.5 0V8.5h1.5a2.25 2.25 0 002.25-2.25v-.878a2.25 2.25 0 10-1.5 0v.878a.75.75 0 01-.75.75h-4.5A.75.75 0 015 6.25v-.878zm3.75 7.378a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm3-8.75a.75.75 0 100-1.5.75.75 0 000 1.5z"></path></svg>
-          <span type="text" id="forks_count">0</span><span>forks</span>
-        </a>
-      </div>
-      `;
-    }
-    el += '</div>';
-  } else if (page.title || page.seo_title) {
-    el += `
-    <div class="bread-nav fs12">
-      <div class="left">
-        <div id="breadcrumb">
-          <a class="cap breadcrumb" href="${url_for(config.root)}">${home_title}</a>
-          <span class="sep"></span>
-          <a class="cap breadcrumb" href="${url_for(page.path)}">${page.title || page.seo_title}</a>
-        </div>
-      </div>
-    </div>
-    `;
-  }
-  return el;
-}
-%>
-<%- layoutDiv() %>

package/layout/_partial/sidebar/header.ejs

@@ -1,59 +0,0 @@
-<%
-var proj;
-if (page.layout === 'wiki' && page.wiki) {
-  proj = theme.wiki.tree[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.shift().trim() + '</div>';
-      el += '<div class="sub hover cap" style="opacity:0">' + arr.join('|') + '</div>';
-    } else {
-      el += '<div class="sub cap">' + sub + '</div>';
-    }
-  }
-  el += '</a>';
-  return el;
-}
-
-function layoutDiv() {
-  var el = '';
-  if (page.layout == 'wiki' && page.menu_id == 'wiki') {
-    return el;
-  }
-  el += '<header class="header';
-  if (where == 'main') {
-    el += ' mobile-only';
-  }
-  el += '">';
-
-  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>';
-
-  if (where != 'main') {
-    el += partial('menu', {where: where});
-  }
-  el += '</header>';
-  return el;
-}
-%>
-
-<%- layoutDiv() %>

package/layout/post.ejs

@@ -1,33 +0,0 @@
-<%
-if (page.menu_id == undefined) {
-  page.menu_id = 'post';
-}
-if (page.header == undefined) {
-  page.header = 'auto';
-}
-function layoutTitle() {
-  const title = page.h1 != null ? page.h1 : page.title;
-  if (title && title.length > 0) {
-    return '<h1 class="article-title"><span>' + title + '</span></h1>';
-  } else {
-    return '';
-  }
-}
-let post = page;
-let heti = '';
-if (theme.plugins.heti && theme.plugins.heti.enable) {
-  heti = ' heti';
-}
-%>
-<%- partial('_partial/main/navbar/breadcrumb') %>
-<article class='md-text content<%- heti %> <%- post.layout %><%- post.indent ? ' indent' : '' %><%- scrollreveal() %>'>
-<%- layoutTitle() %>
-<%- post.content %>
-<% if (theme.plugins.tianli_gpt.enable && ['all', 'post'].includes(theme.plugins.tianli_gpt.field)) { %>
-  <%- partial('_partial/plugins/ai/tianli_gpt') %>
-<% } %>
-<%- partial('_partial/main/article/article_footer') %>
-</article>
-<%- partial('_partial/main/article/read_next') %>
-<%- partial('_partial/main/article/related_posts') %>
-<%- partial('_partial/plugins/comments/layout') %>

package/layout/wiki.ejs

@@ -1,43 +0,0 @@
-<%
-if (page.menu_id == undefined) {
-  page.menu_id = 'wiki';
-}
-if (page.layout == undefined) {
-  page.layout = 'wiki_index';
-}
-if (page.title == undefined) {
-  if (page.tagName) {
-    page.title = page.tagName;
-  } else {
-    page.title = __('btn.wiki');
-  }
-}
-function layoutTitle() {
-  const title = page.h1 != null ? page.h1 : page.title;
-  if (title && title.length > 0) {
-    return '<h1 class="article-title"><span>' + title + '</span></h1>';
-  } else {
-    return '';
-  }
-}
-%>
-<% if (page.layout === 'wiki_index') { %>
-  <%- partial('index') %>
-<% } else { %>
-  <%
-  if (page.header == undefined) {
-    page.header = 'auto';
-  }
-  %>
-  <%- partial('_partial/main/navbar/breadcrumb') %>
-  <article class='md-text content <%- page.layout %><%- page.indent ? ' indent' : '' %><%- scrollreveal() %>'>
-  <%- layoutTitle() %>
-  <%- page.content %>
-  <% if (theme.plugins.tianli_gpt.enable && ['all', 'wiki'].includes(theme.plugins.tianli_gpt.field)) { %>
-	<%- partial('_partial/plugins/ai/tianli_gpt') %>
-  <% } %>
-  <%- partial('_partial/main/article/article_footer') %>
-  </article>
-  <%- partial('_partial/main/article/read_next') %>
-  <%- partial('_partial/plugins/comments/layout') %>
-<% } %>

package/source/css/_layout/widgets/recent.styl

@@ -1,15 +0,0 @@
-.widget-wrapper.recent .widget-body
-  display: flex
-  flex-direction: column
-  align-items: flex-start
-  margin-top: 0.25rem
-  a
-    line-height: 1.2
-    font-size: $fs-13
-    margin: 0.25rem 0
-    .title  
-      font-size: $fs-13
-      color: var(--text-p2)
-    &:hover
-      color: $color-hover
-

package/source/css/_layout/widgets/search.styl

@@ -1,102 +0,0 @@
-.widgets .widget-wrapper.search
-  margin-bottom: 0
-
-.search-wrapper
-  width: 100%
-  >.search-form
-    position: sticky
-    top: 1rem
-    display: flex
-    flex-direction: row
-    align-items: center
-    transition: 0.38s ease-out
-    z-index: 0
-  .search-input
-    width: 100%
-    padding: 0.5rem 0
-    line-height: 1.5
-    box-sizing: border-box
-    font-family: $ff-body
-    font-size: $fs-13
-    color: var(--text-p0)
-    
-  
-  &.noresult[searching='true']
-    .search-icon
-      color: $c-red
-    .search-form
-      border: 1px solid $c-red
-
-  .search-no-result
-    display: none
-    margin: 1em auto
-    color: var(--text-p1)
-    text-align: center
-    font-size: $fs-14
-    padding: 2rem
-    background: var(--block)
-    border-radius: $border-bar
-
-  #search-result
-    ul.search-result-list
-      padding: 0
-      margin: 0
-      list-style-type: none
-    li
-      margin: 1em auto
-      &:hover
-        .search-result-title
-          color: $color-hover
-    .search-result-title
-      color: var(--text-p1)
-      font-weight: 700
-      line-height: 1.2
-
-    .search-result-content
-      overflow: hidden
-      color: var(--text-p3)
-      margin: .4em auto
-      max-height: 13em
-      text-align: justify
-      font-size: $fs-12
-      line-height: 1.2
-      display: -webkit-box
-      -webkit-box-orient: vertical
-      overflow: hidden
-      -webkit-line-clamp: 3
-
-    .search-keyword
-      border-bottom: 1px dashed $color-hover
-      color: $color-hover
-      font-weight: bold
-
-
-
-.search-wrapper.noresult[searching='true']
-  .search-no-result
-    display: block
-
-.widget-wrapper
-  .search-form
-    top: 0
-    background: var(--card)
-    border: 1px solid var(--block-border)
-    border-radius: $border-bar
-  .search-input
-    text-indent: 0.75rem
-    padding-right: 2rem
-  .search-icon 
-    margin: 2px
-    position absolute
-    right: 0
-    pointer-events: none
-    color: var(--text-p2)
-    padding: 0.5rem
-    border-radius: 'calc(%s - 2px)' % $border-bar
-    
-  #search-result,.search-no-result
-    margin-top: 1rem
-
-.widget-wrapper:not(:first-child)
-  .search-wrapper
-    margin-top: -1rem