lianglianglee
/
hexo-theme-keep
mirror of https://github.com/liangliangle/hexo-theme-keep.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

pref: optimize fade-in-down-animation

This commit is contained in:
XPoet 2020-04-30 00:34:31 +08:00
parent 2406efdc5d
commit f23ac2d795
7 changed files with 73 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layout/about.ejs
View File

@ -1,4 +1,5 @@
<div class="about-container fade-in-down-animation">
<div class="fade-in-down-animation">
<div class="about-container">
<div class="about-content markdown-body">
<%- page.content %>
</div>
@ -7,4 +8,5 @@
<%- partial('_partial/comments/comment') %>
<% } %>
</div>
</div>
</div>

4
layout/archive-content.ejs
View File

@ -1,3 +1,5 @@
<div class="archive-container fade-in-down-animation">
<div class="fade-in-down-animation">
<div class="archive-container ">
<%- partial('_partial/archive-list', {posts_new: site.posts}) %>
</div>
</div>

7
layout/article-content.ejs
View File

@ -1,4 +1,5 @@
<div class="article-content-container">
<div class="fade-in-down-animation">
<div class="article-content-container">
<div class="article-title">
<h3><a class="title-hover-animation"><%= page.title %></a></h3>
@ -32,10 +33,12 @@
<div class="comment-container">
<%- partial('_partial/comments/comment') %>
</div>
</div>
</div>
<% if ( (theme.magic.enable && !theme.magic.sidebar.enable && theme.toc.enable) || (!theme.magic.enable && theme.toc.enable)) { %>
<div class="article-toc-container fade-in-down-animation">
<div class="article-toc">
<%- partial('_partial/sidebar-toc') %>
</div>
</div>
<% } %>

4
layout/category-content.ejs
View File

@ -1,6 +1,8 @@
<div class="category-container fade-in-down-animation">
<div class="fade-in-down-animation">
<div class="category-container">
<div class="category-name">
<i class="fa fa-folder"></i> <%- __('category') %>：<%= page.category %> [<%= page.posts.length %>]
</div>
<%- partial('_partial/archive-list', {posts_new: page.posts}) %>
</div>
</div>

7
layout/tag-content.ejs
View File

@ -1,4 +1,7 @@
<div class="tag-container fade-in-down-animation">
<div class="tag-name"><i class="fa fa-tag"></i> <%- __('tag') %>：<%= page.tag %> [<%= page.posts.length %>]</div>
<div class="fade-in-down-animation">
<div class="tag-container">
<div class="tag-name"><i class="fa fa-tag"></i> <%- __('tag') %>：<%= page.tag %> [<%= page.posts.length %>]
</div>
<%- partial('_partial/archive-list', {posts_new: page.posts}) %>
</div>
</div>

2
source/css/layout/_partial/local-search.styl
View File

@ -43,7 +43,7 @@ $icon-size = 1.2em;
}
.search-header {
background: var(--border-color);
background: var(--fourth-text-color);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
display: flex;

10
source/css/layout/article-content.styl
View File

@ -58,9 +58,6 @@ if ((hexo-config('magic.enable') && !hexo-config('magic.sidebar.enable') && hexo
.article-toc-container {
position: fixed;
top: $header-height + $component-interspace;
background: var(--background-color);
max-width: 200px;
max-height: 600px;
if (hexo-config('side-tools.position') == left) {
right: 30px;
@ -68,6 +65,11 @@ if ((hexo-config('magic.enable') && !hexo-config('magic.sidebar.enable') && hexo
left: 30px;
}
.article-toc {
max-width: 200px;
max-height: 600px;
background: var(--background-color);
if (hexo-config('magic.enable') == true) {
magic-container(1.02, 1.02, 20px);
} else {
@ -75,7 +77,7 @@ if ((hexo-config('magic.enable') && !hexo-config('magic.sidebar.enable') && hexo
border: 1px solid var(--border-color);
padding: 20px;
}
}
}