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

优化样式

This commit is contained in:
xaoxuu 2021-11-19 23:46:31 +08:00
parent 700e0cc136
commit 61769c80b0
5 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
scripts/tags/link.js
View File

@ -34,14 +34,14 @@ hexo.extend.tag.register('link', function(args) {
return '<span class="title">' + args.title + '</span>'; return '<span class="title">' + args.title + '</span>';
} }
function loadDesc() { function loadDesc() {
return '<span class="url fs12">' + (args.description || args.url) + '</span>'; return '<span class="desc fs12">' + (args.description || full_url_for(args.url)) + '</span>';
} }
if (args.description) { if (args.description) {
// top // top
el += '<div class="top">'; el += '<div class="top">';
el += loadIcon(); el += loadIcon();
el += '<span class="url fs12">' + full_url_for(args.url) + '</span>'; el += '<span class="desc fs12">' + full_url_for(args.url) + '</span>';
el += '</div>'; el += '</div>';
// bottom // bottom
el += '<div class="bottom">'; el += '<div class="bottom">';

1
source/css/_common/highlight.styl
View File

@ -88,6 +88,7 @@ article.md .highlight
padding: 4px 0.5rem padding: 4px 0.5rem
opacity: .25 opacity: .25
font-weight: 700 font-weight: 700
color: var(--theme)
&.yaml .code:before &.yaml .code:before
content: "YAML" content: "YAML"

7
source/css/_layout/partial/navbar.styl
View File

@ -21,11 +21,10 @@ nav.cap
display: flex display: flex
overflow: scroll visible overflow: scroll visible
scrollbar(0, 0) scrollbar(0, 0)
padding-left: .25rem
>p >p
margin: 0 margin: 0
a a
padding: .25rem .75rem padding: .25rem 1rem
margin: 10px 0 8px 0 margin: 10px 0 8px 0
line-height: 2 line-height: 2
color: var(--text-p3) color: var(--text-p3)
@ -35,11 +34,11 @@ nav.cap
position: relative position: relative
z-index: 1 z-index: 1
&:after &:after
width: 'calc(100% - 2 * %s)' % .5rem
height: 2px height: 2px
position: absolute position: absolute
bottom: -8px bottom: -8px
left: .5rem left: 1rem
right: 1rem
background: $color-theme background: $color-theme
border-radius: 2px border-radius: 2px
pointer-events: none pointer-events: none

8
source/css/_layout/tag-plugins/link.styl
View File

@ -51,7 +51,7 @@
background-repeat: no-repeat background-repeat: no-repeat
background-size: contain background-size: contain
background-position: left center background-position: left center
.url .desc
opacity: .75 opacity: .75
line-height: 1.5 line-height: 1.5
span span
@ -73,8 +73,8 @@
margin: .5rem 0 .5rem 1rem margin: .5rem 0 .5rem 1rem
.title .title
font-size: $fs-14 font-size: $fs-14
margin: 4px 0 margin: 1px 0 5px 0
.url .desc
flex-shrink: 0 flex-shrink: 0
txt-ellipsis() txt-ellipsis()
span span
@ -83,5 +83,5 @@
span.title span.title
font-weight: 500 font-weight: 500
color: var(--text-p1) color: var(--text-p1)
span.url span.desc
color: var(--text-p3) color: var(--text-p3)

4
source/css/_layout/tag-plugins/tabs.styl
View File

@ -64,10 +64,10 @@
z-index: 1 z-index: 1
position: absolute position: absolute
background: $color-theme background: $color-theme
width: 'calc(100% - 2 * %s)' % .5rem
height: 2px height: 2px
bottom: -8px bottom: -8px
left: .5rem left: .75rem
right: .75rem
border-radius: 2px border-radius: 2px
.tab-content .tab-content