biss/hexo-theme-butterfly
1
0
Fork 0
mirror of https://github.com/jerryc127/hexo-theme-butterfly.git synced 2026-04-16 17:30:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

pjax

Browse Source
This commit is contained in:
Jerry
2020-07-16 19:30:54 +08:00
Unverified
parent 5b6e008b84
commit 898cc31c58
93 changed files with 2128 additions and 2151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@ if hexo-config('error_404.enable')
margin: 0 1rem
height: 18rem
border-radius: 8px
background: #fff
background: var(--card-bg)
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
@media screen and (max-width: 768px)
@@ -30,7 +30,7 @@ if hexo-config('error_404.enable')
height: 100%
border-top-left-radius: 8px
border-bottom-left-radius: 8px
background-color: #49b1f5
background-color: $theme-color
background-position: center
background-size: cover
@@ -53,7 +53,6 @@ if hexo-config('error_404.enable')
.error_title
margin-top: -4rem
color: $font-color
font-size: 9em
@media screen and (max-width: 768px)
@@ -62,19 +61,16 @@ if hexo-config('error_404.enable')
.error_subtitle
@extend .limit-more-line
margin-top: -3.5rem
color: $font-color
word-break: break-word
font-size: 1.6em
-webkit-line-clamp: 2
a
position: relative
z-index: 1
display: inline-block
margin-top: .5rem
padding: .3rem 1.5rem
background: $theme-color
color: white
background: var(--btn-bg)
color: var(--btn-color)
i
padding-right: .3rem

88
source/css/_layout/aside.styl
View File

@@ -7,7 +7,7 @@
.card-widget
overflow: hidden
border-radius: 8px
background: $card-bg
background: var(--card-bg)
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
@@ -44,12 +44,12 @@
a
.headline
@extend .limit-one-line
color: $font-black
color: var(--font-color)
font-size: .7rem
.length_num
margin-top: -.3rem
color: $dark-black
color: var(--text-highlight-color)
font-size: 1rem
.card-info-social-icons
@@ -57,7 +57,7 @@
.social-icon
margin: 0 .5rem
color: $font-black
color: var(--font-color)
font-size: 1rem
cursor: pointer
@@ -67,13 +67,11 @@
&:hover
transform: rotate(540deg)
#bookmark-it
position: relative
z-index: 1
#card-info-btn
display: block
width: 100%
background-color: $light-blue
color: $button-color
background-color: var(--btn-bg)
color: var(--btn-color)
text-align: center
line-height: 1.6rem
span
@@ -94,7 +92,7 @@
padding: 0 .1rem
&:hover
color: $light-blue !important
color: $text-hover !important
.card-recent-post
.aside-recent-item
@@ -103,46 +101,44 @@
& > .aside-recent-post
margin-bottom: 10px
& > a
color: $font-black
.aside-post-cover
float: left
overflow: hidden
width: 66px
height: 66px
.aside-post-cover
float: left
overflow: hidden
width: 66px
height: 66px
.aside-post-bg
padding: 0
max-width: 100%
width: 100%
height: 100%
transition: all .6s
object-fit: cover
.aside-post-bg
padding: 0
max-width: 100%
width: 100%
height: 100%
transition: all .6s
object-fit: cover
&:hover
box-shadow: none
transform: scale(1.1)
&:hover
box-shadow: none
transform: scale(1.1)
.aside-post-info
.aside-post_meta
padding-left: 10px
color: $theme-meta-color
font-size: .6rem
.aside-post-title
.aside-post_meta
padding-left: 10px
color: $theme-meta-color
font-size: .6rem
@extend .limit-more-line
padding-left: 10px
height: 40px
color: var(--font-color)
line-height: 1rem
-webkit-line-clamp: 2
.aside-post_title
@extend .limit-more-line
padding-left: 10px
height: 40px
line-height: 1rem
-webkit-line-clamp: 2
&:hover
color: $text-hover
&:hover
color: $light-blue !important
&.no-aside-cover
.aside-post_title
height: auto
&.no-aside-cover
.aside-post-title
height: auto
.card-archives ul.card-archive-list,
.card-categories ul.card-category-list
@@ -156,12 +152,12 @@
display: inline-block
padding: .15rem 1rem
width: 100%
color: $font-black
color: var(--font-color)
transition: all .4s
&:hover
padding: .15rem .85rem
background-color: $light-blue
background-color: var(--text-bg-hover)
span
@extend .limit-one-line

33
source/css/_layout/category.styl
View File

@@ -1,15 +1,10 @@
.category-content
ol,
ul
margin-top: .4rem
padding: 0 0 0 .8rem
list-style: none
counter-reset: li
p
margin: 0
ol,
ul
padding-left: .5rem
@@ -18,39 +13,11 @@
margin: .3rem 0
padding: .1rem .5rem .1rem 1.5rem !important
&:hover
&:before
transform: rotate(360deg)
&:before
position: absolute
top: 0
left: 0
background: $light-blue
color: $card-bg
cursor: pointer
transition: all .3s ease-out
ol
li
&:before
margin-top: .2rem
width: w = 1.2rem
height: h = w
border-radius: .5 * w
content: counter(li)
counter-increment: li
text-align: center
font-size: .6rem
line-height: h
ul
li
&:hover
&:before
border-color: $theme-button-hover-color
&:before
$w = .3rem
top: 10px
margin-left: .45rem

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

@@ -70,5 +70,5 @@
transition: .4s
.comment-wrap
.comments-items-2
> div:nth-child(2)
display: none

22
source/css/_layout/flink.styl
View File

@@ -11,12 +11,12 @@
position: relative
float: left
overflow: hidden
margin: 20px 7px
margin: 15px 7px
width: calc(100% / 3 - 15px)
height: 90px
border-radius: 8px
line-height: 17px
transform: perspective(1px) translateZ(0)
-webkit-transform: translateZ(0)
@media screen and (max-width: 1100px)
width: calc(50% - 15px) !important
@@ -35,11 +35,9 @@
bottom: 0
left: 0
z-index: -1
background: $light-blue
background: var(--text-bg-hover)
content: ''
transition-timing-function: ease-out
transition-duration: .3s
transition-property: transform
transition: transform .3s ease-out
transform: scale(0)
&:hover:before,
@@ -48,14 +46,14 @@
transform: scale(1)
a
color: $font-color
color: var(--font-color)
text-decoration: none
img
float: left
margin: 13px 0 0 10px
width: 65px
height: 65px
margin: 15px 10px
width: 60px
height: 60px
border-radius: 35px
transition: all .3s
@@ -64,6 +62,7 @@
.flink-item-name
@extend .limit-one-line
display: block
padding: 16px 10px 0 0
height: 40px
font-weight: bold
@@ -71,6 +70,7 @@
.flink-item-desc
@extend .limit-one-line
padding: 16px 10px
display: block
padding: 16px 10px 16px 0
height: 50px
font-size: 13px

4
source/css/_layout/footer.styl
View File

@@ -16,11 +16,11 @@
#footer-wrap
position: relative
padding: 2rem 1rem
color: $light-grey
color: var(--light-grey)
text-align: center
a
color: $light-grey
color: var(--light-grey)
cursor: pointer
&:hover

148
source/css/_layout/head.styl
View File

@@ -22,27 +22,37 @@
#site_title,
#site_subtitle,
#scroll_down .scroll-down-effects
color: $light-grey
text-align: center
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
line-height: 1.5
#site_title
margin: 0
color: var(--white)
font-size: 1.3rem
@media screen and (min-width: $sm)
font-size: 2rem
#site_subtitle
color: var(--light-grey)
font-size: .8rem
@media screen and (min-width: $sm)
font-size: 1.2rem
#site_social_icons
display: none
margin: 0 auto
width: 15rem
text-align: center
@media screen and (max-width: $sm)
display: block
.social-icon
margin: 0 .5rem
color: $light-grey
color: var(--light-grey)
text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
font-size: 1rem
cursor: pointer
@@ -56,22 +66,32 @@
.scroll-down-effects
position: relative
width: 100%
color: var(--light-grey)
font-size: 30px
// page
&.not-index-bg
height: 20rem
@media screen and (max-width: $sm)
height: 14rem
#page_site-info
position: absolute
top: 10rem
padding: 0 .5rem
width: 100%
@media screen and (max-width: $sm)
top: 7rem
// post
&.post-bg
height: 20rem
@media screen and (max-width: $sm)
height: 18rem
&:before
position: absolute
top: 0
@@ -87,43 +107,60 @@
bottom: 1.5rem
padding: 0 8%
width: 100%
color: $light-grey
text-align: left
@media screen and (max-width: $sm)
bottom: 1.1rem
padding: 0 1.1rem
#post-title
margin-bottom: .4rem
font-size: 1.5rem
@media screen and (max-width: $sm)
font-size: 1.2rem
.posttitle
@extend .limit-more-line
color: var(--white)
line-height: 1.5
-webkit-line-clamp: 3
#post-meta
color: var(--light-grey)
font-size: 95%
> .meta-secondline,
> .meta-thirdline
display: inline
@media screen and (min-width: $sm)
> .meta-secondline
> span:first-child
display: none
.word-count,
#busuanzi_value_page_pv,
.comment-count
padding-left: .2rem
@media screen and (max-width: $sm)
font-size: 90%
> .meta-firstline,
> .meta-secondline
display: inline
.post-meta
&__separator
margin: 0 .3rem
&-separator
margin: 0 .25rem
&__icon
&-icon
margin-right: .2rem
&-label
if hexo-config('post_meta.post.label')
margin-right: .2rem
else
display: none
a
color: $light-grey
color: var(--light-grey)
transition: all .3s ease-out
&:hover
color: $light-blue
color: $text-hover
text-decoration: underline
// css hack
@@ -145,6 +182,9 @@ _:future,
opacity: 0
transition: all .5s
@media screen and (max-width: $sm)
padding: 10px .8rem
&:not(.fixed)
.menus
padding-right: 0 !important
@@ -155,30 +195,30 @@ _:future,
vertical-align: top
&:hover
color: $white
color: var(--white)
&.is-visible-inline
.site-page
font-size: inherit
a
color: $light-grey
color: var(--light-grey)
&:hover
color: $white
color: var(--white)
&.fixed
position: fixed
top: -60px
z-index: 91
background: alpha($white, .8)
background: rgba(255, 255, 255, .8)
box-shadow: 0 5px 6px -5px alpha($grey, .6)
transition: transform .2s ease-in-out, opacity .2s ease-in-out
a,
#site-name,
.toggle-menu
color: $font-black
color: var(--font-color)
text-shadow: none
&:hover
@@ -188,9 +228,6 @@ _:future,
transition: all .5s
transform: translate3d(0, 100%, 0)
.menus_item_child
background-color: $white !important
#site-name
text-shadow: .1rem .1rem .2rem rgba($dark-black, .15)
font-weight: bold
@@ -208,13 +245,12 @@ _:future,
.menus_item_child
display: block
.menus-expand
i.expand
transform: rotate(180deg) !important
.menus-expand
i.expand
padding: 4px
transition: all .3s
transform: rotate(0)
transition: transform .3s
& > a
&:after
@@ -239,7 +275,7 @@ _:future,
margin-top: 8px
padding: 0
width: max-content
background-color: alpha($white, .8)
background-color: var(--sidebar-bg)
box-shadow: 0 5px 20px -4px rgba($dark-black, .5)
animation: sub_menus .3s .1s ease both
@@ -255,13 +291,13 @@ _:future,
list-style: none
&:hover
background: $theme-color
background: var(--text-bg-hover)
a
display: inline-block
padding: .3rem .7rem
width: 100%
color: $font-black
color: var(--font-color)
text-shadow: none
#search_button
@@ -273,54 +309,4 @@ _:future,
padding-bottom: .3rem
text-shadow: .05rem .05rem .1rem rgba($dark-black, .3)
font-size: .7rem
cursor: pointer
@media screen and (min-width: $sm)
#page-header
#site_title
font-size: 2rem
#site_subtitle
font-size: 1.2rem
@media screen and (max-width: $sm)
#nav
padding: 10px .8rem
#page-header
#site_social_icons
display: block
&.not-index-bg
height: 14rem
#page_site-info
top: 7rem
&.post-bg
height: 18rem
& > #post-info
bottom: 1rem
padding: 0 5%
& > #post-title
font-size: 1.2rem
& > #post-meta
font-size: 90%
.post-meta__categories
display: none
.meta-thirdline
display: block
.post-meta-pv-cv
.post-meta__separator:first-child
display: none
if !hexo-config('busuanzi.page_pv')
.post-meta-commentcount
.post-meta__separator
display: none
cursor: pointer

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

@@ -1,18 +1,18 @@
if hexo-config('preloader')
loading-bg()
.loading-bg
position: fixed
z-index: 1000
width: 50%
height: 100%
background-color: $preloader-bg
background-color: var(--preloader-bg)
transition: all .5s
#loading-box
.loading-left-bg
loading-bg()
@extend .loading-bg
.loading-right-bg
loading-bg()
@extend .loading-bg
right: 0
.spinner-box
@@ -43,13 +43,13 @@ if hexo-config('preloader')
.loading-word
position: absolute
color: $white
color: var(--preloader-color)
font-size: .8rem
.configure-core
width: 100%
height: 100%
background-color: $preloader-bg
background-color: var(--preloader-bg)
&.loaded
.loading-left-bg

15
source/css/_layout/mobile-sidebar.styl
View File

@@ -16,7 +16,7 @@
overflow-y: auto
width: 250px
height: 100%
background: #f6f8fa
background: var(--sidebar-bg)
transition: all .5s
& > .mobile_author_icon
@@ -46,12 +46,12 @@
@extend .limit-one-line
.length_num
color: $dark-black
color: var(--text-highlight-color)
font-size: .9rem
.headline
display: block
color: $font-black
color: var(--font-color)
font-size: .7rem
hr
@@ -65,7 +65,7 @@
position: relative
display: block
padding: .3rem 1.5rem
color: $font-black
color: var(--font-color)
font-size: .8rem
cursor: pointer
@@ -79,14 +79,13 @@
&:hover
color: $light-blue
.menus-expand
.expand
position: absolute
right: 0
padding: .4rem
transition: all .3s
transform: rotate(0)
transition: transform .3s
&.menus-closed
&.closed
transform: rotate(90deg) !important
.menus_item_child

94
source/css/_layout/page.styl
View File

@@ -19,7 +19,7 @@
padding: 0
height: 280px
border-radius: 8px
background: $card-bg
background: var(--card-bg)
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
@@ -82,31 +82,34 @@
& > .article-title
@extend .limit-more-line
margin-bottom: .3rem
color: $font-black
color: var(--text-highlight-color)
font-size: 1.2rem
line-height: 1.4
transition: all .2s ease-in-out
-webkit-line-clamp: 2
&:hover
color: $light-blue !important
color: $text-hover
& > .article-meta-wrap
font-size: 85%
color: $theme-meta-color
font-size: 90%
& > time
color: $theme-meta-color
& > .post-meta-date
cursor: default
& > .article-meta
color: $theme-meta-color
.sticky
color: $sticky-color
i
margin: 0 .2rem 0 0
.article-meta-label
if hexo-config('post_meta.page.label')
padding-right: .2rem
else
display: none
.article-meta__separator
margin: 0 .3rem
@@ -116,12 +119,11 @@
.fa-angle-right
margin: 0 .2rem
a.article-meta__categories,
a.article-meta__tags
a
color: $theme-meta-color
&:hover
color: $light-blue !important
color: $text-hover
text-decoration: underline
& > .content
@@ -138,7 +140,7 @@
transition: all .3s
&:hover
color: $theme-button-hover-color !important
color: $text-hover !important
transform: scale(1.1)
&__title
@@ -152,7 +154,7 @@
.layout_page > div:first-child:not(.recent-posts)
padding: 50px 40px
border-radius: 8px
background: $card-bg
background: var(--card-bg)
box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
transition: all .3s
@@ -178,7 +180,7 @@
&:hover
&:before
border-color: $theme-button-hover-color
border-color: $pseudo-hover
&:before
position: absolute
@@ -189,7 +191,7 @@
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: $card-bg
background: var(--card-bg)
content: ''
line-height: h
transition: all .2s ease-in-out
@@ -213,7 +215,7 @@
&:hover
&:before
border-color: $theme-button-hover-color
border-color: $pseudo-hover
&:before
$w = .3rem
@@ -224,7 +226,7 @@
height: h = w
border: .5 * w solid $light-blue
border-radius: w
background: $card-bg
background: var(--card-bg)
content: ''
line-height: h
transition: all .2s ease-in-out
@@ -234,7 +236,7 @@
flex-direction: column
justify-content: center
.article-sort-post
.article-sort-item-info
padding: 0
width: 100%
@@ -248,26 +250,34 @@
&:before
top: .7rem
border-color: $theme-button-hover-color
border-color: $pseudo-hover
&__time
padding-left: .4rem
font-size: .7rem
&-time
color: $theme-meta-color
font-size: .9em
&__title
time
padding-left: .4rem
cursor: default
&-title
@extend .limit-more-line
color: $font-black
font-size: .75rem
color: var(--font-color)
font-size: 1.1em
transition: all .3s
-webkit-line-clamp: 2
&:hover
color: $light-blue !important
color: $text-hover
transform: translateX(20px)
&__img
&-img
float: left
overflow: hidden
width: 80px
height: 80px
img
padding: 0
width: 100%
height: 100%
transition: all .6s
@@ -276,22 +286,11 @@
&:hover
transform: scale(1.1)
&__post
color: $theme-meta-color
&:hover
color: $theme-meta-color
&-img
float: left
overflow: hidden
width: 80px
height: 80px
&-post
display: inline-block
padding: 0 1rem
width: calc(100% - 80px)
&-info
display: inline-block
overflow: hidden
padding: 0 1rem
width: calc(100% - 80px)
.category-lists
padding: 1rem 0 1.5rem
@@ -302,9 +301,12 @@
.category-list
a
color: $font-black
color: var(--font-color)
cursor: pointer
&:hover
color: $text-hover
.category-list-count
margin-left: .4rem
color: $theme-meta-color

6
source/css/_layout/pagination.styl
View File

@@ -17,7 +17,7 @@
&.current
background: $theme-paginator-color
color: $button-color
color: var(--white)
cursor: default
img.prev-cover,
@@ -39,7 +39,7 @@
.prev_info,
.next_info
@extend .limit-one-line
color: $button-color
color: var(--white)
font-weight: 500
.next-post
@@ -51,7 +51,7 @@
.prev-post .label,
.next-post .label
color: alpha($white, .9)
color: var(--light-grey)
text-transform: uppercase
font-size: 90%

11
source/css/_layout/post.styl
View File

@@ -18,7 +18,6 @@ beautify()
h4,
h5,
h6
cursor: pointer
transition: all .2s ease-out
&:before
@@ -81,7 +80,7 @@ beautify()
top: 0
left: 0
background: $light-blue
color: $card-bg
color: $white
cursor: pointer
transition: all .3s ease-out
@@ -102,7 +101,7 @@ beautify()
> li:not(.tab)
&:hover
&:before
border-color: $theme-button-hover-color
border-color: $pseudo-hover
&:before
$w = .3rem
@@ -202,7 +201,7 @@ img
&:hover
background: $light-blue
color: $button-color
color: var(--white)
.post_share
display: inline-block
@@ -224,7 +223,7 @@ img
position: relative
margin: 2rem 0 .5rem
padding: .5rem .8rem
border: 1px solid $light-grey
border: 1px solid var(--light-grey)
transition: box-shadow .3s ease-in-out
&:before
@@ -244,7 +243,7 @@ img
width: w = .4rem
height: w
border-radius: w
background: $white
background: var(--card-bg)
content: ''
&:hover

4
source/css/_layout/relatedposts.styl
View File

@@ -41,13 +41,13 @@
top: 50%
padding: 0 1rem
width: 100%
color: $white
transform: translate(0, -50%)
.relatedPosts_date
color: $light-grey
color: var(--light-grey)
font-size: 90%
.relatedPosts_title
@extend .limit-more-line
-webkit-line-clamp: 2
color: var(--white)

14
source/css/_layout/reward.styl
View File

@@ -5,13 +5,15 @@
text-align: center
.reward-button
padding: .5rem 1.2rem
background: $light-blue
color: $button-color
display: inline-block
padding: .2rem 1.2rem
background: var(--btn-bg)
color: var(--btn-color)
cursor: pointer
transition: all .4s
&:hover
box-shadow: inset 9em 0 0 0 $theme-button-hover-color
box-shadow: inset 9em 0 0 0 var(--btn-hover-color)
.reward-main
display: block
@@ -30,7 +32,7 @@
margin: 0
padding: 1rem .5rem
border-radius: 4px
background: $reward-pop-up-bg
background: var(--reward-pop)
&:before
position: absolute
@@ -48,7 +50,7 @@
margin: 0 auto
width: 0
height: 0
border-top: 13px solid $reward-pop-up-bg
border-top: 13px solid var(--reward-pop)
border-right: 13px solid transparent
border-left: 13px solid transparent
content: ''

29
source/css/_layout/rightside.styl
View File

@@ -7,14 +7,11 @@
transition: all .5s
#rightside-config-hide
transition: transform .4s
transform: translate(35px, 0)
.rightside-in
transform: translate(0, 0) !important
animation: rightsideIn .3s
.rightside-out
animation: rightsideOut .3s
&.show
transform: translate(0, 0) !important
& > div
& > button,
@@ -23,14 +20,14 @@
margin-bottom: 2px
width: 30px
height: 30px
background-color: $light-blue
color: $button-color
background-color: var(--btn-bg)
color: var(--btn-color)
text-align: center
font-size: 16px
cursor: pointer
&:hover
background-color: $theme-button-hover-color
background-color: var(--btn-hover-color)
#rightside_config
i
@@ -41,17 +38,3 @@
@media screen and (max-width: $bg)
display: block
@keyframes rightsideIn
0%
transform: translate(30px, 0)
100%
transform: translate(0, 0)
@keyframes rightsideOut
0%
transform: translate(0, 0)
100%
transform: translate(30px, 0)

44
source/css/_layout/sidebar.styl
View File

@@ -1,3 +1,15 @@
#toggle-sidebar
position: fixed
bottom: $sidebar-icon-top
left: $sidebar-icon-left
z-index: 100
font-size: $sidebar-icon-size
cursor: pointer
transition: all .2s
@media screen and (max-width: $bg)
display: none
#sidebar
position: fixed
top: 0
@@ -6,10 +18,21 @@
padding: 1rem 0 2rem .5rem
width: $sidebar-width
height: 100%
background: $sidebar-background
box-shadow: -.25rem 0 .25rem rgba($sidebar-background, .6) inset
background: var(--sidebar-bg)
opacity: .9
@media screen and (max-width: $bg)
right: -($mobile-sidebar-width)
left: auto
z-index: 103
width: $mobile-sidebar-width
opacity: 1
transition: all .4s
box-shadow: none
.toc-child
display: block !important
.sidebar-toc
ol,
li
@@ -56,19 +79,4 @@
&-bar
width: 0
height: 1px
background: $theme-toc-color
@media screen and (max-width: $bg)
i#toggle-sidebar
display: none
#sidebar
right: -($mobile-sidebar-width)
left: auto
z-index: 103
width: $mobile-sidebar-width
opacity: 1
transition: all .4s
.toc-child
display: block !important
background: $theme-toc-color

87
source/css/_layout/third-party.styl
View File

@@ -1,55 +1,19 @@
if hexo-config('valine.enable')
#vcomment
button
padding: .3rem .8rem
border-color: $button-color
background-color: $light-blue
color: $button-color
font-size: .7rem
transition: all .3s
#vcomment
if hexo-config('valine.bg')
textarea
background: url(hexo-config('valine.bg')) 100% 100% no-repeat
&:hover
background-color: $theme-button-hover-color
.vimg
transition: all .3s
if hexo-config('valine.bg')
textarea
background: url(hexo-config('valine.bg')) 100% 100% no-repeat
&:hover
transform: rotate(360deg)
.vimg
transition: all .3s
.vcards .vcard .vcontent.expand
&:before,
&:after
z-index: 22
&:hover
transform: rotate(360deg)
.vat
padding: 0 .8rem
border: 1px solid $light-blue
border-radius: 5px
color: $light-blue
font-size: .7125rem
transition: all .3s
&:hover
background-color: $light-blue
color: $button-color
if hexo-config('beautify.enable')
#article-container
.aplayer
ol,
ul
margin: 0
padding: 0
li
margin: 0
padding: 0 15px
&:before
content: none
// third-party
// fireworks
.fireworks
position: fixed
top: 0
@@ -83,9 +47,30 @@ if hexo-config('beautify.enable')
margin: 0 0 .8em
padding: .3rem 0 .8em
.has-jax
overflow: auto
// mathjax
mjx-container[jax='CHTML'][display='true']
overflow-x: auto
overflow-y: hidden
padding-bottom: .5rem
outline: 0
line-height: 2
.aplayer
color: $font-black
#article-container
.aplayer
margin: 0 0 1rem
margin: 0 0 1rem
if hexo-config('beautify.enable')
ol,
ul
margin: 0
padding: 0
li
margin: 0
padding: 0 15px
&:before
content: none