github/hexo-theme-next
1
0
Fork 0
mirror of https://github.com/next-theme/hexo-theme-next.git synced 2026-01-18 18:33:42 +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) {
return `<blockquote class="blockquote-center">
<i class="fa fa-quote-left"></i>
${hexo.render.renderSync({ text: content, engine: 'markdown' })}
<i class="fa fa-quote-right"></i>
</blockquote>`;
}

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

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

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

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