style: optimize article content page style
This commit is contained in:
parent
76cb4d432b
commit
befe45c166
|
@ -102,8 +102,8 @@ $toc-container-width = 16rem
|
||||||
box-sizing border-box
|
box-sizing border-box
|
||||||
width 100%
|
width 100%
|
||||||
height 100%
|
height 100%
|
||||||
margin-left 10px
|
margin-left 0.8rem
|
||||||
padding 2px 0
|
padding 0.2rem 0
|
||||||
|
|
||||||
.author {
|
.author {
|
||||||
display flex
|
display flex
|
||||||
|
@ -116,13 +116,13 @@ $toc-container-width = 16rem
|
||||||
}
|
}
|
||||||
|
|
||||||
.author-label {
|
.author-label {
|
||||||
margin-left 10px
|
margin-left 0.8rem
|
||||||
padding 0 5px
|
padding 0 0.4rem
|
||||||
color #fff
|
color #fff
|
||||||
font-weight 500
|
font-weight 500
|
||||||
font-size 0.8rem
|
font-size 0.8rem
|
||||||
background var(--selection-color)
|
background var(--selection-color)
|
||||||
border-radius 5px
|
border-radius 0.4rem
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -131,7 +131,7 @@ $toc-container-width = 16rem
|
||||||
|
|
||||||
.article-header
|
.article-header
|
||||||
.article-header-meta-info {
|
.article-header-meta-info {
|
||||||
margin-top 16px
|
margin-top 1rem
|
||||||
+keep-tablet() {
|
+keep-tablet() {
|
||||||
transform scale(0.9)
|
transform scale(0.9)
|
||||||
transform-origin left top
|
transform-origin left top
|
||||||
|
@ -141,10 +141,13 @@ $toc-container-width = 16rem
|
||||||
|
|
||||||
.article-content {
|
.article-content {
|
||||||
margin-top $component-spacing-value
|
margin-top $component-spacing-value
|
||||||
padding-bottom 10px
|
padding-bottom 2rem
|
||||||
color var(--text-color-3)
|
color var(--text-color-3)
|
||||||
word-wrap break-word
|
word-wrap break-word
|
||||||
border-bottom 1px solid var(--border-color)
|
|
||||||
|
if (hexo-config('copyright_info.enable') == true) {
|
||||||
|
border-bottom 0.1rem dashed var(--border-color)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -181,7 +184,7 @@ $toc-container-width = 16rem
|
||||||
|
|
||||||
|
|
||||||
.article-nav {
|
.article-nav {
|
||||||
height 40px
|
height 2.8rem
|
||||||
margin-top $component-spacing-value
|
margin-top $component-spacing-value
|
||||||
|
|
||||||
.article-prev
|
.article-prev
|
||||||
|
@ -190,7 +193,7 @@ $toc-container-width = 16rem
|
||||||
max-width $post-nav-max-width
|
max-width $post-nav-max-width
|
||||||
height 100%
|
height 100%
|
||||||
|
|
||||||
keep-container(true, 1.03, 1.03, 10px, 0)
|
keep-container(true, 1.03, 1.03, 0.8rem, 0)
|
||||||
|
|
||||||
a {
|
a {
|
||||||
position relative
|
position relative
|
||||||
|
|
Loading…
Reference in New Issue