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

[opt] style

This commit is contained in:
xaoxuu 2024-02-02 00:36:01 +08:00
parent c5bb1c94c5
commit 52c9126d67
20 changed files with 99 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
source/css/_common/base.styl
View File

@ -25,7 +25,7 @@ img
li
--fsp: var(--fsp1)
--fsp: $fsp1
font-size: var(--fsp)
@ -41,7 +41,7 @@ table:not([class])
margin: 1rem 0
max-width: 100%
vertical-align: text-top
--fsp: var(--fsp2)
--fsp: $fsp2
font-size: var(--fsp)
th
background: var(--block)

15
source/css/_common/title.styl
View File

@ -1,18 +1,19 @@
h1,.h1
font-size: $fs-h1
font-size: var(--fsh2)
font-weight: 700
@media screen and (max-width: $device-mobile)
font-size: $fs-h1
font-size: var(--fsh2)
h2,.h2
font-size: $fs-h2
font-size: var(--fsh2)
margin-top: 1.5em
h3,.h3
font-size: $fs-h3
font-size: var(--fsh3)
h4,.h4
font-size: $fs-h4
font-size: var(--fsh4)
h5
font-size: $fs-h5
font-size: 'calc(%s + 1px)' % var(--fsp)
h6
font-size: $fs-h6
font-size: 'calc(%s + 0px)' % var(--fsp)
// 次级段落字号
.fs15

25
source/css/_custom.styl
View File

@ -44,16 +44,19 @@ $fs-14 = .875rem
$fs-13 = .8125rem
$fs-12 = .75rem
$fs-h1 = 2rem // 32px
$fs-h2 = 1.75rem // 28px
$fs-h3 = 1.375rem // 22px
$fs-h4 = 1.125rem // 18px
$fs-h5 = $fs-15
$fs-h6 = $fs-12
$fs-body = convert(hexo-config('style.font-size.body'))
$fs-code = convert(hexo-config('style.font-size.code'))
$fs-codeblock = convert(hexo-config('style.font-size.codeblock'))
$fsh1 = 'calc(%s + 11px)' % $fs-body
$fsh2 = 'calc(%s + 11px)' % $fs-body
$fsh3 = 'calc(%s + 7px)' % $fs-body
$fsh4 = 'calc(%s + 4px)' % $fs-body
$fsp0 = 'calc(%s - 0px)' % $fs-body
$fsp1 = 'calc(%s - 1px)' % $fs-body
$fsp2 = 'calc(%s - 2px)' % $fs-body
$fsp3 = 'calc(%s - 3px)' % $fs-body
$border-card = convert(hexo-config('style.border-radius.card'))
$border-block = convert(hexo-config('style.border-radius.block'))
@ -65,11 +68,11 @@ $border-button = 4px
:root
--width-left: 288px
--width-main: 720px
--fs-body: $fs-body
--fsp: var(--fs-body)
--fsp1: 'calc(%s - 1px)' % var(--fsp)
--fsp2: 'calc(%s - 2px)' % var(--fsp)
--fsp3: 'calc(%s - 3px)' % var(--fsp)
--fsp: $fs-body
--fsh2: 'calc(%s + 11px)' % var(--fsp)
--fsh3: 'calc(%s + 7px)' % var(--fsp)
--fsh4: 'calc(%s + 4px)' % var(--fsp)
--gap-l: 16px
--gap-p: 'calc(%s + 4px)' % $fs-body // gap for paragraph
--gap-p-compact: 'calc(%s * 0.75)' % $fs-body

12
source/css/_layout/list.styl
View File

@ -9,12 +9,12 @@
font-weight: 500
margin: 1.25rem 0 .75rem 0
line-height: 1.2
font-size: $fs-h3
font-size: $fsh3
border-bottom: none
color: var(--text)
trans1 color
@media screen and (max-width: $device-mobile)
font-size: $fs-h4
font-size: $fsh4
margin: 0.5rem 0
.wiki .post-title
margin-top: 0.5rem
@ -52,7 +52,7 @@
flex-wrap: wrap
margin: 0
line-height: 2
--fsp: var(--fsp1)
--fsp: $fsp1
font-size: var(--fsp)
svg
height: 1em
@ -127,18 +127,18 @@
color: unset
.title
font-weight: 500
font-size: $fs-h3
font-size: $fsh3
@media screen and (max-width: $device-mobile)
padding: 1rem
div+div
margin-top: 2px
.title
font-size: $fs-h4
font-size: $fsh4
.cap
font-size: $fs-12
h2
margin: .25rem 0
font-size: $fs-h4
font-size: $fsh4
// wiki

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

@ -22,13 +22,13 @@
.l_body[text-indent] .md-text.content
>p
text-indent: 'calc(%s * 2)' % var(--fsp)
text-align: convert(hexo-config('style.text-align'))
text-align: justify
h1,h2,h3,h4,h5,h6
text-align: center
a.headerlink
display: none
>h2:not([class])
border-bottom: none
h2
margin: 2em 0 1.5em
.md-text
ul:not(:last-child),
@ -37,7 +37,7 @@
margin: 0
blockquote,ul,ol
p,ul,ol
--fsp: var(--fsp1)
--fsp: $fsp1
font-size: var(--fsp)
line-height: 1.5
code
@ -59,7 +59,6 @@
// titles
.md-text.content
h1,h2,h3,h4,h5,h6
margin-bottom: var(--gap-p)
color: var(--text)
line-height: 1.8
blockquote, .tag-plugin
@ -81,16 +80,9 @@
padding: 0 2px
font-size: $fs-12
h2
margin-top: 'calc(%s + 1rem)' % var(--gap-p)
font-weight: 400
font-weight: 500
a.headerlink:before
content: ':'
h3
margin-top: 'calc(%s + 0.75rem)' % var(--gap-p)
font-weight: 400
h4,h5,h6
margin-top: 'calc(%s + 0.5rem)' % var(--gap-p)
font-weight: 500
.md-text.content:first-child .tag-plugin:first-child
margin-top: 0

5
source/css/_layout/partial/article-banner.styl
View File

@ -15,7 +15,7 @@
align-items: flex-start
margin: 1rem 'calc(1rem - 4px)'
.title
font-size: $fs-h1
font-size: $fsh1
color: var(--text-banner)
.bottom
padding: 1.5rem 1rem
@ -23,7 +23,8 @@
line-height: 1.2
margin: 0
.l_body[text-indent] .article.banner .content .bottom
justify-content: center
// 动画配置

6
source/css/_layout/partial/article-footer.styl
View File

@ -9,9 +9,9 @@
.header
font-weight: 500
color: var(--text-p2)
font-size: $fs-h4
font-size: $fsh4
.body
--fsp: var(--fsp2)
--fsp: $fsp2
input.copy-area
margin: 0.75rem 0
padding: 0
@ -29,7 +29,7 @@
line-height: 1.2
word-break: break-all
p
--fsp: var(--fsp2)
--fsp: $fsp2
a
text-decoration: none
color: unset

8
source/css/_layout/partial/related.styl
View File

@ -31,7 +31,7 @@ article.md-text.content+.related-wrap
.title
color: var(--text-p1)
font-weight: 500
--fsp: var(--fsp1)
--fsp: $fsp1
font-size: var(--fsp)
trans2 color border
position: relative
@ -40,7 +40,7 @@ article.md-text.content+.related-wrap
line-height: 1.6
.excerpt
color: var(--text-p3)
--fsp: var(--fsp3)
--fsp: $fsp3
font-size: var(--fsp)
margin-top: 0.5rem
display: -webkit-box
@ -74,7 +74,7 @@ article.md-text.content+.related-wrap
margin: 0
line-height: 1.2
color: var(--text-p1)
font-size: $fs-h4
font-size: $fsh4
&:hover
color: $color-hover !important
#next
@ -82,7 +82,7 @@ article.md-text.content+.related-wrap
.wiki+.related-wrap#read-next
.item
a
font-size: $fs-h3
font-size: $fsh3
&#prev a
color: var(--text-p3)

26
source/css/_layout/sidebar/search.styl
View File

@ -18,29 +18,31 @@
background: var(--alpha100)
.search-input
width: 100%
line-height: 16px
box-sizing: border-box
font-family: $ff-body
font-size: $fs-13
font-size: $fs-14
padding: 12px 0
color: var(--text)
.search-button
border-radius: $border-bar
line-height: 40px
.search-icon
width: 44px
margin-left: 4px
color: var(--text-p2)
margin-bottom: 2px
path[p-id="1562"]
color: $color-theme
display: flex
align-items: center
height: 40px
svg
width: 44px
margin-left: 4px
color: var(--text-p2)
font-size: 16px
margin-top: 1px
path[p-id="1562"]
color: $color-theme
&[searching='true']
.search-icon
.search-button
path[p-id="1562"]
color: $c-green
&.noresult[searching='true']
.search-icon
.search-button
path[p-id="1562"]
color: $c-red

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

@ -1,6 +1,6 @@
.tag-plugin.folders
margin: var(--gap-p) 0
--fsp: var(--fsp2)
--fsp: $fsp2
font-size: var(--fsp)
border-top: 1px solid var(--block-border)
overflow: hidden
@ -43,7 +43,7 @@
content: '-'
>div.body
--fsp: var(--fsp1)
--fsp: $fsp1
>:first-child
margin-top: 1rem
>:last-child

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

@ -11,7 +11,7 @@ details.folding
margin: -1rem
color: var(--text-p2)
font-weight: 500
--fsp: var(--fsp2)
--fsp: $fsp2
font-size: var(--fsp)
position: relative
line-height: 1.2
@ -45,7 +45,7 @@ details.folding[open]
padding: 0 1rem 1rem
margin: 0 -1rem -1rem
color: var(--text-p1)
--fsp: var(--fsp1)
--fsp: $fsp1
>:first-child
margin-top: 1rem
>:last-child

2
source/css/_layout/tag-plugins/hashtag.styl
View File

@ -6,7 +6,7 @@
margin: 2px 0
display: inline-flex
align-items: center
--fsp: var(--fsp2)
--fsp: $fsp2
font-size: var(--fsp)
font-weight: 500
trans2 background color

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

@ -8,7 +8,7 @@
border: 1px solid var(--theme-border)
color: var(--text-p1)
>.title
--fsp: var(--fsp1)
--fsp: $fsp1
font-size: var(--fsp)
line-height: 1.5
margin-top: var(--gap-p-compact)
@ -16,7 +16,7 @@
color: var(--text)
>.body
&,p
--fsp: var(--fsp2)
--fsp: $fsp2
font-size: var(--fsp)
line-height: 1.5
margin-top: var(--gap-p-compact)

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

@ -8,7 +8,7 @@
margin-top: var(--gap-p)
>.meta
color: var(--text-p2)
--fsp: var(--fsp3)
--fsp: $fsp3
font-size: var(--fsp)
font-weight: 500
span+span
@ -22,7 +22,7 @@
font-style: italic
color: var(--text-p4)
margin: var(--gap-p) 0
--fsp: var(--fsp3)
--fsp: $fsp3
font-size: var(--fsp)
// 描边修饰

26
source/css/_layout/tag-plugins/quot.styl
View File

@ -3,17 +3,17 @@
align-items: center
display: flex
flex-direction: column
--gap-p: 2rem
.content
display: flex
align-items: center
border-bottom: none
font-weight: 700
padding: 16px 24px
padding: 0 24px
a.headerlink
display: none
@media screen and (max-width: $device-mobile)
padding: 12px 20px
padding: 0 20px
line-height: 1.2
.md-text .tag-plugin.quot .content
@ -21,18 +21,16 @@
position: relative
// override
.md-text.content .tag-plugin.quot
h1
font-size: $fs-h1
h1,h2
font-size: $fsh2
font-weight: 900
padding: 20px 32px 12px 32px
padding: 4px 32px 0
@media screen and (max-width: $device-mobile)
padding: 20px 24px 12px
h2,h3,h4,h5,h6
font-size: $fs-h3
margin-top: 1em
margin-bottom: 0
padding: 4px 24px 0
h3,h4,h5,h6
font-size: $fsh3
p
font-size: $fs-h4
--fsp: $fsh4
color: var(--text)
// type=text
@ -44,13 +42,13 @@
width: 8px
height: 14px
&:before
top: 8px
top: -8px
left: 0
border-top: 6px solid $color-accent
border-left: 6px solid $color-accent
&:after
right: 0
bottom: 8px
bottom: -8px
border-right: 6px solid $color-accent
border-bottom: 6px solid $color-accent
h1.content[type=text]

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

@ -42,7 +42,7 @@
display: block
cursor: pointer
padding: .25rem .75rem
--fsp: var(--fsp3)
--fsp: $fsp3
font-size: var(--fsp)
line-height: inherit
font-weight: 500

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

@ -1,6 +1,5 @@
.md-text .tag-plugin.timeline
position: relative
margin-top: 0
padding-left: 16px
&:before
content: ''
@ -102,7 +101,7 @@
margin-top: 4px
box-shadow: $boxshadow-block
p
--fsp: var(--fsp1)
--fsp: $fsp1
img
display: block
&:empty
@ -123,7 +122,7 @@
color: var(--text-p1)
line-height: 1.25
padding: 0.75rem 1rem
--fsp: var(--fsp1)
--fsp: $fsp1
font-size: var(--fsp)
@ -142,7 +141,7 @@
trans1 all
&:hover
border-bottom: 2px solid $color-hover
p:first-child:not([class]) a:not([class])
>p:first-child:not([class]) a:not([class])
padding: 0
margin: 0
color: inherit
@ -205,7 +204,7 @@
padding: 0 0.5rem
margin: 0.75rem 0
p
--fsp: var(--fsp2)
--fsp: $fsp2
margin: 0.25rem
.tag-plugin.timeline .body

2
source/css/_layout/widgets/ghuser.styl
View File

@ -22,7 +22,7 @@
p.username
font-weight: 900
font-size: $fs-h2
font-size: $fsh2
color: var(--text)
margin: 0
p.bio

19
source/css/_layout/widgets/timeline.styl
View File

@ -1,6 +1,15 @@
.widget-wrapper.timeline
.widget-body
margin-top: 0.5rem
.body
a
trans1 all
border-bottom: 1px solid var(--text)
color: var(--text-p1)
--fsp: $fsp2
&:hover
color: $color-hover
border-bottom: 1px solid $color-hover
.tag-plugin.timeline .timenode
.header
margin: 0.5rem 16px
@ -20,14 +29,8 @@
border-radius: $border-card
background: var(--alpha50)
box-shadow: none
a
trans1 all
border-bottom: 1px solid var(--text)
color: var(--text-p1)
&:hover
color: $color-hover
border-bottom: 1px solid $color-hover
p,li
--fsp: $fsp3
code
background: none
padding: 0

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

@ -36,7 +36,7 @@
trans2: opacity background
border-radius: 4px
padding: 6px
margin-right: -5px
margin-right: -6px
svg
height: 1em
width: auto