github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-19 18:42:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize blockquote-center & post-tags style

Browse Source
This commit is contained in:
Mimi 2020-06-26 13:01:11 +08:00
parent ee4b27a5f9
commit 0259b95123
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/tags/center-quote.js
View File

@ -8,9 +8,7 @@
function centerQuote(args, content) { function centerQuote(args, content) {
return `<blockquote class="blockquote-center"> return `<blockquote class="blockquote-center">
<i class="fa fa-quote-left"></i>
${hexo.render.renderSync({ text: content, engine: 'markdown' })} ${hexo.render.renderSync({ text: content, engine: 'markdown' })}
<i class="fa fa-quote-right"></i>
</blockquote>`; </blockquote>`;
} }

11
source/css/_common/scaffolding/tags/blockquote-center.styl
View File

@ -6,23 +6,26 @@
position: relative; position: relative;
text-align: center; text-align: center;
.fa { &::before, &::after {
display: block; left: 0;
line-height: 1;
opacity: .6; opacity: .6;
position: absolute; position: absolute;
width: 100%; width: 100%;
} }
.fa-quote-left { &::before {
border-top: 1px solid $grey-light; border-top: 1px solid $grey-light;
text-align: left; text-align: left;
top: -20px; top: -20px;
font-family-icons('\f10d');
} }
.fa-quote-right { &::after {
border-bottom: 1px solid $grey-light; border-bottom: 1px solid $grey-light;
bottom: -20px; bottom: -20px;
text-align: right; text-align: right;
font-family-icons('\f10e');
} }
p, div { p, div {

4
source/css/_schemes/Mist/_posts-expand.styl
View File

@ -31,12 +31,12 @@
text-align: left; text-align: left;
a { a {
background: $whitesmoke; background: var(--content-bg-color);
border-bottom: none; border-bottom: none;
padding: 1px 5px; padding: 1px 5px;
&:hover { &:hover {
background: $grey-light; background: var(--menu-item-bg-color);
} }
} }
} }