xaoxuu
/
hexo-theme-stellar
mirror of https://github.com/xaoxuu/hexo-theme-stellar
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

css

This commit is contained in:
xaoxuu 2022-10-11 22:38:33 +08:00
parent 07b8550b04
commit 7201ce44e3
4 changed files with 9 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scripts/tags/timeline.js
View File

@ -36,18 +36,11 @@ function layoutNodeContent(content) {
function postTimeline(args, content) { function postTimeline(args, content) {
args = hexo.args.map(args, ['api', 'sort', 'reversed']); args = hexo.args.map(args, ['api']);
var el = ''; var el = '';
if (args.api && args.api.length > 0) { if (args.api && args.api.length > 0) {
el += '<div class="tag-plugin timeline stellar-timeline-api" api="' + args.api + '"'; el += '<div class="tag-plugin timeline stellar-timeline-api" api="' + args.api + '">';
if (args.sort) {
el += ' sort="' + args.sort + '"';
}
if (args.reversed) {
el += ' reversed="' + args.reversed + '"';
}
el += '>';
} else { } else {
el += '<div class="tag-plugin timeline">'; el += '<div class="tag-plugin timeline">';
} }

2
source/css/_layout/md.styl
View File

@ -32,7 +32,7 @@ article.md.content
border-bottom-style: dashed border-bottom-style: dashed
border-bottom-color: $color-highlight border-bottom-color: $color-highlight
>:first-child >:first-child
margin-top: 1rem margin-top: 0
h1:not(:first-child) h1:not(:first-child)
margin-top: 2em margin-top: 2em
h2:first-child h2:first-child

17
source/css/_layout/tag-plugins/about.styl
View File

@ -1,6 +1,3 @@
article.md.content>.tag-plugin.about:first-child
margin-top: 0
.tag-plugin.about .tag-plugin.about
background: var(--block) background: var(--block)
border-radius: $border-card border-radius: $border-card
@ -32,17 +29,15 @@ article.md.content>.tag-plugin.about:first-child
.tag-plugin.navbar:last-child .tag-plugin.navbar:last-child
nav.cap nav.cap
margin-top: 1rem margin-top: 1rem
background: var(--card)
border: 1px solid var(--block-border)
a a
margin: 0
color: $color-link color: $color-link
background: var(--block-hover)
&.active
background: none
&:hover &:hover
color: $color-hover background: var(--block)
background: var(--block-border) &.active
a+a background: var(--block)
margin-left: .5rem box-shadow: none
.about-header+.about-body .about-header+.about-body
margin-top: 1.5rem margin-top: 1.5rem

4
source/js/plugins/timeline.js
View File

@ -58,10 +58,6 @@ const StellarTimeline = {
StellarTimeline.requestAPI(cfg.api, function(data) { StellarTimeline.requestAPI(cfg.api, function(data) {
$(el).find('.loading-wrap').remove(); $(el).find('.loading-wrap').remove();
const arr = data.content || data; const arr = data.content || data;
const reversed = el.getAttribute('reversed');
if (reversed == '' || reversed == true) {
arr.reverse();
}
arr.forEach((item, i) => { arr.forEach((item, i) => {
if (item.labels.length > 0) { if (item.labels.length > 0) {
var cell = '<div class="timenode" index="' + i + '">'; var cell = '<div class="timenode" index="' + i + '">';