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

timeline

This commit is contained in:
xaoxuu 2021-07-14 01:18:25 +08:00
parent be40bfd0ec
commit e3706a0d22
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_config.yml
View File

@ -184,7 +184,7 @@ plugins:
# https://scrollrevealjs.org/api/reveal.html # https://scrollrevealjs.org/api/reveal.html
scrollreveal: scrollreveal:
enable: true enable: #true
js: https://cdn.jsdelivr.net/npm/scrollreveal@4.0.9/dist/scrollreveal.min.js js: https://cdn.jsdelivr.net/npm/scrollreveal@4.0.9/dist/scrollreveal.min.js
distance: 8px distance: 8px
duration: 500 # ms duration: 500 # ms

6
source/css/_defines/func.styl
View File

@ -32,6 +32,12 @@ trans3($op1, $op2, $op3)
-webkit-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out -webkit-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out
-o-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out -o-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out
trans4($op1, $op2, $op3, $op4)
transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out, $op4 0.2s ease-out
-moz-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out, $op4 0.2s ease-out
-webkit-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out, $op4 0.2s ease-out
-o-transition: $op1 0.2s ease-out, $op2 0.2s ease-out, $op3 0.2s ease-out, $op4 0.2s ease-out
txt-ellipsis() txt-ellipsis()
white-space: nowrap white-space: nowrap
overflow: hidden overflow: hidden

7
source/css/_layout/tag-plugins/timeline.styl
View File

@ -32,6 +32,7 @@
background: $color-theme background: $color-theme
height: 16px height: 16px
top: 'calc(50% - 0.5 * %s)' % @height top: 'calc(50% - 0.5 * %s)' % @height
transform: scale(1)
.tag-plugin.timeline .header .tag-plugin.timeline .header
display: flex display: flex
@ -43,6 +44,7 @@
font-weight: 700 font-weight: 700
color: var(--text-p3) color: var(--text-p3)
font-family: $ff-code font-family: $ff-code
trans1 color
a a
color: inherit color: inherit
font-weight: inherit font-weight: inherit
@ -54,8 +56,9 @@
border-radius: 12px border-radius: 12px
height: 4px height: 4px
top: 'calc(50% - 0.5 * %s)' % @height top: 'calc(50% - 0.5 * %s)' % @height
background: var(--text-p4) background: var(--text-meta)
trans3 background height top trans4 background height top transform
transform: scale(2)
.tag-plugin.timeline .body .tag-plugin.timeline .body