mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 17:40:55 +08:00
breaking changes: 移除 html 的 font-size 改為瀏覽器默認大小
feat: 為文章單獨設置 TOC simple_style 顯示 closed #631 feat: page 頁頂部圖增加黑色遮罩 closed #671 feat: 首頁 pagination 更新 UI fix: 修復使用本地搜索時，搜索插件配置為不搜索文章內容會無法使用搜索 的 bug fix: 修復開啟 photofigcaption 後，導致inlineImg標籤外掛顯示錯亂的 bug fix: 修復 字體過大/過小而導致 部分 ui 偏移的 bug improvement: 主題 css 使用的 rem 改為 em 或 px improvement: 修改没有顶部图下，文章页的标题大小 closed #669 improvement: 代碼優化
This commit is contained in:
Jerry
@@ -14,20 +14,14 @@
|
||||
margin-top: 0
|
||||
|
||||
+maxWidth900()
|
||||
margin-top: 1rem
|
||||
margin-top: 20px
|
||||
|
||||
.card-widget
|
||||
@extend .cardHover
|
||||
position: relative
|
||||
overflow: hidden
|
||||
margin-top: 1rem
|
||||
padding: 1rem 1.2rem
|
||||
border-radius: 8px
|
||||
background: var(--card-bg)
|
||||
box-shadow: var(--card-box-shadow)
|
||||
transition: box-shadow .3s
|
||||
|
||||
&:hover
|
||||
box-shadow: var(--card-hover-box-shadow)
|
||||
margin-top: 20px
|
||||
padding: 20px 24px
|
||||
|
||||
if hexo-config('aside.mobile') == false
|
||||
+maxWidth768()
|
||||
@@ -41,11 +35,11 @@
|
||||
font-size: 1.57em
|
||||
|
||||
&__description
|
||||
margin-top: -.3rem
|
||||
margin-top: -.42em
|
||||
|
||||
.card-info-data
|
||||
display: table
|
||||
margin: .7rem 0 .2rem
|
||||
margin: 14px 0 4px
|
||||
width: 100%
|
||||
table-layout: fixed
|
||||
|
||||
@@ -59,18 +53,17 @@
|
||||
font-size: 1em
|
||||
|
||||
.length-num
|
||||
margin-top: -.3rem
|
||||
margin-top: -.42em
|
||||
color: var(--text-highlight-color)
|
||||
font-size: 1.4em
|
||||
|
||||
.card-info-social-icons
|
||||
margin: .3rem 0 -.3rem
|
||||
margin: 6px 0 -6px
|
||||
|
||||
.social-icon
|
||||
margin: 0 .5rem
|
||||
margin: 0 10px
|
||||
color: var(--font-color)
|
||||
font-size: 1.4em
|
||||
cursor: pointer
|
||||
|
||||
i
|
||||
transition: all .3s
|
||||
@@ -80,21 +73,21 @@
|
||||
|
||||
#card-info-btn
|
||||
display: block
|
||||
margin-top: .7rem
|
||||
margin-top: 14px
|
||||
background-color: var(--btn-bg)
|
||||
color: var(--btn-color)
|
||||
text-align: center
|
||||
line-height: 2.4
|
||||
|
||||
span
|
||||
padding-left: .5rem
|
||||
padding-left: 10px
|
||||
|
||||
.item-headline
|
||||
padding-bottom: .3rem
|
||||
padding-bottom: 6px
|
||||
font-size: 1.2em
|
||||
|
||||
span
|
||||
margin-left: .3rem
|
||||
margin-left: 6px
|
||||
|
||||
.sticky_layout
|
||||
+minWidth900()
|
||||
@@ -106,7 +99,7 @@
|
||||
.card-tag-cloud
|
||||
a
|
||||
display: inline-block
|
||||
padding: 0 .2rem
|
||||
padding: 0 4px
|
||||
|
||||
&:hover
|
||||
color: $text-hover !important
|
||||
@@ -114,13 +107,13 @@
|
||||
.aside-list
|
||||
& > span
|
||||
display: block
|
||||
margin-bottom: .5rem
|
||||
margin-bottom: 10px
|
||||
text-align: center
|
||||
|
||||
& > .aside-list-item
|
||||
display: flex
|
||||
align-items: center
|
||||
padding: .3rem 0
|
||||
padding: 6px 0
|
||||
|
||||
&:first-child
|
||||
padding-top: 0
|
||||
@@ -184,13 +177,13 @@
|
||||
.card-categories ul.card-category-list > .card-category-list-item
|
||||
a
|
||||
display: inline-block
|
||||
padding: .15rem .5rem
|
||||
padding: 3px 10px
|
||||
width: 100%
|
||||
color: var(--font-color)
|
||||
transition: all .4s
|
||||
|
||||
&:hover
|
||||
padding: .15rem .85rem
|
||||
padding: 3px 17px
|
||||
background-color: var(--text-bg-hover)
|
||||
|
||||
span
|
||||
@@ -208,7 +201,7 @@
|
||||
.card-categories
|
||||
.card-category-list
|
||||
&.child
|
||||
padding: 0 0 0 .8rem
|
||||
padding: 0 0 0 16px
|
||||
|
||||
> .parent
|
||||
> a
|
||||
@@ -222,8 +215,8 @@
|
||||
|
||||
i
|
||||
float: right
|
||||
margin-right: -.35rem
|
||||
padding: .35rem
|
||||
margin-right: -.5em
|
||||
padding: .5em
|
||||
transition: transform .3s
|
||||
transform: rotate(0)
|
||||
|
||||
@@ -239,12 +232,12 @@
|
||||
.webinfo-item
|
||||
display: flex
|
||||
align-items: center
|
||||
padding: .1rem .5rem 0
|
||||
padding: 2px 10px 0
|
||||
|
||||
div
|
||||
&:first-child
|
||||
flex: 1
|
||||
padding-right: 1rem
|
||||
padding-right: 20px
|
||||
|
||||
// toc
|
||||
#card-toc
|
||||
@@ -261,7 +254,15 @@
|
||||
opacity: 0
|
||||
transform-origin: right bottom
|
||||
|
||||
.toc-percentage
|
||||
float: right
|
||||
margin-top: -9px
|
||||
color: #a9a9a9
|
||||
font-style: italic
|
||||
font-size: 140%
|
||||
|
||||
.toc-content
|
||||
clear: both
|
||||
overflow-y: auto
|
||||
max-height: calc(100vh - 120px)
|
||||
|
||||
@@ -288,11 +289,11 @@
|
||||
|
||||
ol
|
||||
margin: 0
|
||||
padding-left: .4rem
|
||||
padding-left: 15px
|
||||
|
||||
.toc-link
|
||||
display: block
|
||||
padding-left: .3rem
|
||||
padding-left: 6px
|
||||
border-left: 3px solid transparent
|
||||
color: var(--toc-link-color)
|
||||
transition: all .2s ease-in-out
|
||||
@@ -302,15 +303,6 @@
|
||||
background: $theme-toc-color
|
||||
color: $toc-active-color
|
||||
|
||||
&:before
|
||||
position: absolute
|
||||
top: .6rem
|
||||
right: 1.2rem
|
||||
color: #a9a9a9
|
||||
content: attr(progress-percentage)
|
||||
font-style: italic
|
||||
font-size: 1.2rem
|
||||
|
||||
:only-child
|
||||
> .card-widget
|
||||
margin-top: 0
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
#post-comment
|
||||
.comment-head
|
||||
margin-bottom: 1rem
|
||||
margin-bottom: 20px
|
||||
|
||||
.comment-headline
|
||||
display: inline-block
|
||||
@@ -13,8 +13,8 @@
|
||||
|
||||
if hexo-config('comments.text')
|
||||
float: right
|
||||
margin: .1rem auto 0
|
||||
padding: .2rem .8rem
|
||||
margin: 2px auto 0
|
||||
padding: 4px 16px
|
||||
width: max-content
|
||||
border-radius: 8px
|
||||
background: $comments-switch-bg
|
||||
@@ -33,7 +33,7 @@
|
||||
.switch-btn
|
||||
position: relative
|
||||
display: inline-block
|
||||
margin: -4px .4rem 0
|
||||
margin: -4px 8px 0
|
||||
width: 42px
|
||||
height: 22px
|
||||
border-radius: 34px
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
|
||||
#footer-wrap
|
||||
position: relative
|
||||
padding: 2rem 1rem
|
||||
padding: 40px 20px
|
||||
color: var(--light-grey)
|
||||
text-align: center
|
||||
|
||||
@@ -26,10 +26,10 @@
|
||||
text-decoration: underline
|
||||
|
||||
.footer-separator
|
||||
margin: 0 .2rem
|
||||
margin: 0 4px
|
||||
|
||||
.icp-icon
|
||||
padding: 0 4px
|
||||
vertical-align: text-bottom
|
||||
max-height: 1.4em
|
||||
width auto
|
||||
width: auto
|
||||
vertical-align: text-bottom
|
||||
|
||||
@@ -7,6 +7,13 @@
|
||||
background-repeat: no-repeat
|
||||
transition: all .5s
|
||||
|
||||
&:not(.not-top-img):before
|
||||
position: absolute
|
||||
width: 100%
|
||||
height: 100%
|
||||
background-color: alpha($dark-black, .3)
|
||||
content: ''
|
||||
|
||||
// index
|
||||
&.full_page
|
||||
height: $index_top_img_height
|
||||
@@ -15,14 +22,14 @@
|
||||
#site-info
|
||||
position: absolute
|
||||
top: $index_site_info_top
|
||||
padding: 0 .5rem
|
||||
padding: 0 10px
|
||||
width: 100%
|
||||
|
||||
#site-title,
|
||||
#site-subtitle,
|
||||
#scroll-down .scroll-down-effects
|
||||
text-align: center
|
||||
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, .15)
|
||||
line-height: 1.5
|
||||
|
||||
#site-title
|
||||
@@ -43,18 +50,17 @@
|
||||
#site_social_icons
|
||||
display: none
|
||||
margin: 0 auto
|
||||
width: 15rem
|
||||
width: 300px
|
||||
text-align: center
|
||||
|
||||
+maxWidth768()
|
||||
display: block
|
||||
|
||||
.social-icon
|
||||
margin: 0 .5rem
|
||||
margin: 0 10px
|
||||
color: var(--light-grey)
|
||||
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, .15)
|
||||
font-size: 1.43em
|
||||
cursor: pointer
|
||||
|
||||
#scroll-down
|
||||
position: absolute
|
||||
@@ -70,54 +76,47 @@
|
||||
|
||||
// page
|
||||
&.not-home-page
|
||||
height: 20rem
|
||||
height: 400px
|
||||
|
||||
+maxWidth768()
|
||||
height: 14rem
|
||||
height: 280px
|
||||
|
||||
#page-site-info
|
||||
position: absolute
|
||||
top: 10rem
|
||||
padding: 0 .5rem
|
||||
top: 200px
|
||||
padding: 0 10px
|
||||
width: 100%
|
||||
|
||||
+maxWidth768()
|
||||
top: 7rem
|
||||
top: 140px
|
||||
|
||||
// post
|
||||
&.post-bg
|
||||
height: 20rem
|
||||
height: 400px
|
||||
|
||||
+maxWidth768()
|
||||
height: 18rem
|
||||
height: 360px
|
||||
|
||||
&:before
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
display: block
|
||||
width: 100%
|
||||
height: 100%
|
||||
background-color: alpha($dark-black, .5)
|
||||
content: ''
|
||||
|
||||
#post-info
|
||||
position: absolute
|
||||
bottom: 5rem
|
||||
bottom: 100px
|
||||
padding: 0 8%
|
||||
width: 100%
|
||||
text-align: center
|
||||
|
||||
+maxWidth900()
|
||||
bottom: 1.5rem
|
||||
bottom: 30px
|
||||
text-align: left
|
||||
|
||||
+maxWidth768()
|
||||
bottom: 1.1rem
|
||||
padding: 0 1.1rem
|
||||
bottom: 22px
|
||||
padding: 0 22px
|
||||
|
||||
&.not-top-img
|
||||
margin-bottom: .5rem
|
||||
margin-bottom: 10px
|
||||
height: 60px
|
||||
background: 0
|
||||
|
||||
@@ -157,21 +156,17 @@
|
||||
top: 70px
|
||||
transition: top .5s
|
||||
|
||||
.apple
|
||||
#page-header.full_page
|
||||
background-attachment: scroll !important
|
||||
|
||||
#page
|
||||
h1.page-title
|
||||
margin: .4rem 0 1rem
|
||||
margin: 8px 0 20px
|
||||
|
||||
// for not top_img
|
||||
#post
|
||||
& > #post-info
|
||||
margin-bottom: 1.5rem
|
||||
margin-bottom: 30px
|
||||
|
||||
.post-title
|
||||
padding-bottom: .2rem
|
||||
padding-bottom: 4px
|
||||
border-bottom: 1px solid var(--light-grey)
|
||||
color: var(--text-highlight-color)
|
||||
|
||||
@@ -185,7 +180,7 @@
|
||||
#post-info
|
||||
.post-title
|
||||
@extend .limit-more-line
|
||||
margin-bottom: .4rem
|
||||
margin-bottom: 8px
|
||||
color: var(--white)
|
||||
font-weight: normal
|
||||
font-size: 2.5em
|
||||
@@ -193,10 +188,10 @@
|
||||
-webkit-line-clamp: 3
|
||||
|
||||
+maxWidth768()
|
||||
font-size: 1.72em
|
||||
font-size: 2.1em
|
||||
|
||||
.post-edit-link
|
||||
padding-left: .5rem
|
||||
padding-left: 10px
|
||||
|
||||
#post-meta
|
||||
color: var(--light-grey)
|
||||
@@ -216,14 +211,14 @@
|
||||
|
||||
.post-meta
|
||||
&-separator
|
||||
margin: 0 .25rem
|
||||
margin: 0 5px
|
||||
|
||||
&-icon
|
||||
margin-right: .2rem
|
||||
margin-right: 4px
|
||||
|
||||
&-label
|
||||
if hexo-config('post_meta.post.label')
|
||||
margin-right: .2rem
|
||||
margin-right: 4px
|
||||
else
|
||||
display: none
|
||||
|
||||
@@ -264,7 +259,7 @@
|
||||
|
||||
#toggle-menu
|
||||
display: none
|
||||
padding: .1rem 0 0 .3rem
|
||||
padding: 2px 0 0 6px
|
||||
vertical-align: top
|
||||
|
||||
&:hover
|
||||
@@ -277,7 +272,7 @@
|
||||
color: var(--white)
|
||||
|
||||
#site-name
|
||||
text-shadow: .1rem .1rem .2rem rgba($dark-black, .15)
|
||||
text-shadow: 2px 2px 4px rgba($dark-black, .15)
|
||||
font-weight: bold
|
||||
cursor: pointer
|
||||
|
||||
@@ -287,7 +282,7 @@
|
||||
.menus_item
|
||||
position: relative
|
||||
display: inline-block
|
||||
padding: 0 0 0 .7rem
|
||||
padding: 0 0 0 14px
|
||||
|
||||
&:hover
|
||||
.menus_item_child
|
||||
@@ -327,7 +322,7 @@
|
||||
|
||||
a
|
||||
display: inline-block
|
||||
padding: .3rem .7rem
|
||||
padding: 6px 14px
|
||||
width: 100%
|
||||
color: var(--font-color) !important
|
||||
text-shadow: none !important
|
||||
@@ -350,12 +345,12 @@
|
||||
|
||||
#search-button
|
||||
display: inline
|
||||
padding: 0 0 0 .7rem
|
||||
padding: 0 0 0 14px
|
||||
|
||||
.site-page
|
||||
position: relative
|
||||
padding-bottom: .3rem
|
||||
text-shadow: .05rem .05rem .1rem rgba($dark-black, .3)
|
||||
padding-bottom: 6px
|
||||
text-shadow: 1px 1px 2px rgba($dark-black, .3)
|
||||
font-size: .78em
|
||||
cursor: pointer
|
||||
|
||||
|
||||
@@ -43,7 +43,7 @@ if hexo-config('preloader')
|
||||
.loading-word
|
||||
position: absolute
|
||||
color: var(--preloader-color)
|
||||
font-size: .8rem
|
||||
font-size: 16px
|
||||
|
||||
.configure-core
|
||||
width: 100%
|
||||
|
||||
@@ -1,24 +1,12 @@
|
||||
#pagination
|
||||
overflow: hidden
|
||||
margin-top: 1rem
|
||||
width: 100%
|
||||
|
||||
.pagination
|
||||
margin-top: 20px
|
||||
text-align: center
|
||||
|
||||
.page-number
|
||||
display: inline-block
|
||||
margin: 0 .2rem
|
||||
min-width: w = 1.2rem
|
||||
height: w
|
||||
text-align: center
|
||||
line-height: w
|
||||
cursor: pointer
|
||||
|
||||
&.current
|
||||
background: $theme-paginator-color
|
||||
color: var(--white)
|
||||
cursor: default
|
||||
|
||||
img.prev-cover,
|
||||
img.next-cover
|
||||
@@ -32,7 +20,7 @@
|
||||
.pagination-info
|
||||
position: absolute
|
||||
top: 50%
|
||||
padding: 1rem 2rem
|
||||
padding: 20px 40px
|
||||
width: 100%
|
||||
transform: translate(0, -50%)
|
||||
|
||||
@@ -75,5 +63,32 @@
|
||||
transform: scale(1.1)
|
||||
|
||||
&.pagination-post
|
||||
margin-top: 2rem
|
||||
background: $dark-black
|
||||
overflow: hidden
|
||||
margin-top: 40px
|
||||
background: $dark-black
|
||||
|
||||
.layout
|
||||
& > .recent-posts
|
||||
.pagination
|
||||
& > *
|
||||
@extend .cardHover
|
||||
display: inline-block
|
||||
margin: 0 6px
|
||||
width: w = 2.5em
|
||||
height: w
|
||||
line-height: w
|
||||
|
||||
&:hover
|
||||
background: var(--btn-hover-color)
|
||||
color: var(--btn-color)
|
||||
|
||||
& > div:not(.recent-posts)
|
||||
.pagination
|
||||
.page-number
|
||||
display: inline-block
|
||||
margin: 0 4px
|
||||
min-width: w = 24px
|
||||
height: w
|
||||
text-align: center
|
||||
line-height: w
|
||||
cursor: pointer
|
||||
|
||||
@@ -1,16 +1,13 @@
|
||||
beautify()
|
||||
headStyle(fontsize)
|
||||
padding-left: unit(fontsize + .4, 'rem')
|
||||
|
||||
code
|
||||
font-size: unit(fontsize, 'rem')
|
||||
padding-left: unit(fontsize + .4, 'px')
|
||||
|
||||
&:before
|
||||
margin-left: unit((-(fontsize + .2)), 'rem')
|
||||
font-size: unit(fontsize, 'rem')
|
||||
margin-left: unit((-(fontsize + 4)), 'px')
|
||||
font-size: unit(fontsize, 'px')
|
||||
|
||||
&:hover
|
||||
padding-left: unit(fontsize + .6, 'rem')
|
||||
padding-left: unit(fontsize + 12, 'px')
|
||||
|
||||
h1,
|
||||
h2,
|
||||
@@ -22,7 +19,7 @@ beautify()
|
||||
|
||||
&:before
|
||||
position: absolute
|
||||
top: calc(50% - .35rem)
|
||||
top: calc(50% - 7px)
|
||||
color: $title-prefix-icon-color
|
||||
content: $title-prefix-icon
|
||||
line-height: 1
|
||||
@@ -34,47 +31,47 @@ beautify()
|
||||
color: $light-blue
|
||||
|
||||
h1
|
||||
headStyle(1)
|
||||
headStyle(20)
|
||||
|
||||
h2
|
||||
headStyle(.9)
|
||||
headStyle(18)
|
||||
|
||||
h3
|
||||
headStyle(.8)
|
||||
headStyle(16)
|
||||
|
||||
h4
|
||||
headStyle(.7)
|
||||
headStyle(14)
|
||||
|
||||
h5
|
||||
headStyle(.6)
|
||||
headStyle(12)
|
||||
|
||||
h6
|
||||
headStyle(.6)
|
||||
headStyle(12)
|
||||
|
||||
ol,
|
||||
ul
|
||||
margin-top: .4rem
|
||||
padding: 0 0 0 .8rem
|
||||
margin-top: 8px
|
||||
padding: 0 0 0 16px
|
||||
list-style: none
|
||||
counter-reset: li
|
||||
|
||||
+maxWidth768()
|
||||
padding: 0 0 0 .4rem
|
||||
padding: 0 0 0 8px
|
||||
|
||||
p
|
||||
margin: 0 0 .5rem
|
||||
margin: 0 0 10px
|
||||
|
||||
ol,
|
||||
ul
|
||||
padding-left: .6rem
|
||||
padding-left: 12px
|
||||
|
||||
+maxWidth768()
|
||||
padding-left: .2rem
|
||||
padding-left: 4px
|
||||
|
||||
li
|
||||
&:not(.tab)
|
||||
position: relative
|
||||
margin: .2rem 0
|
||||
margin: 4px 0
|
||||
|
||||
&:hover
|
||||
&:before
|
||||
@@ -127,19 +124,19 @@ beautify()
|
||||
no-beautify()
|
||||
ol,
|
||||
ul
|
||||
margin-top: .4rem
|
||||
margin-top: 8px
|
||||
|
||||
p
|
||||
margin: 0 0 .5rem
|
||||
margin: 0 0 10px
|
||||
|
||||
ol,
|
||||
ul
|
||||
padding-left: .5rem
|
||||
padding-left: 10px
|
||||
|
||||
li
|
||||
position: relative
|
||||
margin: .3rem 0
|
||||
padding-left: .3rem
|
||||
margin: 6px 0
|
||||
padding-left: 6px
|
||||
|
||||
#article-container
|
||||
word-wrap: break-word
|
||||
@@ -153,14 +150,14 @@ no-beautify()
|
||||
|
||||
img
|
||||
display: block
|
||||
margin: 0 auto .8rem
|
||||
margin: 0 auto 20px
|
||||
max-width: 100%
|
||||
|
||||
p
|
||||
margin: 0 0 .8rem
|
||||
margin: 0 0 16px
|
||||
|
||||
iframe
|
||||
margin: 0 0 1rem
|
||||
margin: 0 0 20px
|
||||
|
||||
kbd
|
||||
margin: 0 3px
|
||||
@@ -197,11 +194,11 @@ no-beautify()
|
||||
|
||||
&__tags
|
||||
display: inline-block
|
||||
margin: .4rem .4rem .4rem 0
|
||||
padding: 0 .6rem
|
||||
margin: 8px 8px 8px 0
|
||||
padding: 0 12px
|
||||
width: fit-content
|
||||
border: 1px solid $light-blue
|
||||
border-radius: .6rem
|
||||
border-radius: 12px
|
||||
color: $light-blue
|
||||
font-size: .85em
|
||||
transition: all .2s ease-in-out
|
||||
@@ -213,7 +210,7 @@ no-beautify()
|
||||
.post_share
|
||||
display: inline-block
|
||||
float: right
|
||||
margin: .4rem 0
|
||||
margin: 8px 0
|
||||
width: fit-content
|
||||
|
||||
.social-share
|
||||
@@ -228,19 +225,19 @@ no-beautify()
|
||||
|
||||
.post-copyright
|
||||
position: relative
|
||||
margin: 2rem 0 .5rem
|
||||
padding: .5rem .8rem
|
||||
margin: 40px 0 10px
|
||||
padding: 10px 16px
|
||||
border: 1px solid var(--light-grey)
|
||||
transition: box-shadow .3s ease-in-out
|
||||
|
||||
&:before
|
||||
@extend .fontawesomeIcon
|
||||
position: absolute
|
||||
top: .1rem
|
||||
right: .6rem
|
||||
top: 2px
|
||||
right: 12px
|
||||
color: $theme-color
|
||||
content: '\f1f9'
|
||||
font-size: 1rem
|
||||
font-size: 1.3em
|
||||
|
||||
&:hover
|
||||
box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5)
|
||||
@@ -251,7 +248,7 @@ no-beautify()
|
||||
font-weight: bold
|
||||
|
||||
&-info
|
||||
padding-left: .3rem
|
||||
padding-left: 6px
|
||||
|
||||
a
|
||||
text-decoration: underline
|
||||
@@ -262,7 +259,7 @@ no-beautify()
|
||||
|
||||
.post-outdate-notice
|
||||
position: relative
|
||||
margin: 0 0 1rem
|
||||
margin: 0 0 20px
|
||||
padding: .5em 1.2em
|
||||
border-radius: 3px
|
||||
background-color: $noticeOutdate-bg
|
||||
@@ -282,4 +279,4 @@ no-beautify()
|
||||
transform: translateY(-50%)
|
||||
|
||||
.ads-wrap
|
||||
margin: 2rem 0
|
||||
margin: 40px 0
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.relatedPosts
|
||||
margin-top: 2rem
|
||||
margin-top: 40px
|
||||
|
||||
& > .headline
|
||||
margin-bottom: 5px
|
||||
@@ -40,7 +40,7 @@
|
||||
.content
|
||||
position: absolute
|
||||
top: 50%
|
||||
padding: 0 1rem
|
||||
padding: 0 20px
|
||||
width: 100%
|
||||
transform: translate(0, -50%)
|
||||
|
||||
|
||||
@@ -1,12 +1,12 @@
|
||||
.post-reward
|
||||
position: relative
|
||||
margin-top: 4rem
|
||||
margin-top: 80px
|
||||
width: 100%
|
||||
text-align: center
|
||||
|
||||
.reward-button
|
||||
display: inline-block
|
||||
padding: .2rem 1.2rem
|
||||
padding: 4px 24px
|
||||
background: var(--btn-bg)
|
||||
color: var(--btn-color)
|
||||
cursor: pointer
|
||||
@@ -28,7 +28,7 @@
|
||||
.reward-all
|
||||
display: inline-block
|
||||
margin: 0
|
||||
padding: 1rem .5rem
|
||||
padding: 20px 10px
|
||||
border-radius: 4px
|
||||
background: var(--reward-pop)
|
||||
|
||||
@@ -64,6 +64,5 @@
|
||||
height: 130px
|
||||
|
||||
.post-qr-code-desc
|
||||
padding-top: .4rem
|
||||
width: 130px
|
||||
color: $reward-pop-up-color
|
||||
|
||||
@@ -23,11 +23,11 @@
|
||||
transform: translate3d(-100%, 0, 0)
|
||||
|
||||
& > .avatar-img
|
||||
margin: 1rem auto
|
||||
margin: 20px auto
|
||||
|
||||
.site-data
|
||||
display: table
|
||||
padding: 0 .5rem
|
||||
padding: 0 10px
|
||||
width: 100%
|
||||
table-layout: fixed
|
||||
|
||||
@@ -45,16 +45,16 @@
|
||||
color: var(--font-color)
|
||||
|
||||
hr
|
||||
margin: 1rem auto
|
||||
margin: 20px auto
|
||||
|
||||
.menus_items
|
||||
padding: 0 .5rem 2rem
|
||||
padding: 0 10px 40px
|
||||
|
||||
.site-page
|
||||
@extend .limit-one-line
|
||||
position: relative
|
||||
display: block
|
||||
padding: .3rem 1.5rem .3rem 1.1rem
|
||||
padding: 6px 30px 6px 22px
|
||||
color: var(--font-color)
|
||||
font-size: 1.15em
|
||||
|
||||
@@ -69,7 +69,7 @@
|
||||
& > i:last-child
|
||||
position: absolute
|
||||
top: .78em
|
||||
right: .9rem
|
||||
right: 18px
|
||||
transition: transform .3s
|
||||
|
||||
&.hide
|
||||
|
||||
@@ -24,7 +24,6 @@
|
||||
--waline-font-size: 1.1em
|
||||
--waline-theme-color: $button-bg
|
||||
--waline-active-color: $button-hover-color
|
||||
--waline-avatar-size: 2.75rem
|
||||
|
||||
.vuser
|
||||
transition: all .5s
|
||||
@@ -64,7 +63,7 @@ if hexo-config('waline.bg')
|
||||
|
||||
.mermaid
|
||||
overflow: auto
|
||||
margin: 0 0 1rem
|
||||
margin: 0 0 20px
|
||||
background: $white
|
||||
text-align: center
|
||||
opacity: 0
|
||||
@@ -80,7 +79,7 @@ if hexo-config('waline.bg')
|
||||
#gitalk-container
|
||||
.gt-meta
|
||||
margin: 0 0 .8em
|
||||
padding: .3rem 0 .8em
|
||||
padding: 6px 0 16px
|
||||
|
||||
.katex-wrap
|
||||
overflow: auto
|
||||
@@ -100,7 +99,7 @@ mjx-container[display],
|
||||
|
||||
#article-container
|
||||
.aplayer
|
||||
margin: 0 0 1rem
|
||||
margin: 0 0 20px
|
||||
|
||||
if hexo-config('beautify.enable')
|
||||
ol,
|
||||
|
||||
Reference in New Issue
Block a user