mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-16 17:30:53 +08:00
✨ feat: 增加標籤外掛 tag-toggle
✨ feat: 增加頁面加載動畫preloader close #193 ✨ feat: 適配hexo-generator-indexed插件 ✨ feat: aside subtitle可配置，優先顯示配置內容、沒有的顯示頁面subtitle close #191 ✨ feat: aside card-tags可配置是否顯示顏色 ✨ feat: algolia-search highligh文字加深 ✨ feat: 增加頁面keywords設置 #191 ✨ feat: darkmode和readmode配色微調 🐛 fix: 修復hide-block 配置顏色顯示出錯的bug 🐛 fix: 修正zh-TW部分用語
This commit is contained in:
Jerry
@@ -91,7 +91,8 @@
|
||||
|
||||
.card-tag-cloud
|
||||
a
|
||||
word-break: keep-all
|
||||
display: inline-block
|
||||
padding: 0 .1rem
|
||||
|
||||
&:hover
|
||||
color: $light-blue !important
|
||||
|
||||
@@ -1,112 +0,0 @@
|
||||
figure.gallery-group
|
||||
position: relative
|
||||
float: left
|
||||
overflow: hidden
|
||||
margin: .3rem .2rem
|
||||
width: calc(50% - .4rem)
|
||||
height: 250px
|
||||
border-radius: 8px
|
||||
background: $dark-black
|
||||
-webkit-transform: translate3d(0, 0, 0)
|
||||
|
||||
&:hover
|
||||
img
|
||||
opacity: .4
|
||||
transform: translate3d(0, 0, 0)
|
||||
|
||||
.gallery-group-name::after
|
||||
transform: translate3d(0, 0, 0)
|
||||
|
||||
p
|
||||
opacity: 1
|
||||
transform: translate3d(0, 0, 0)
|
||||
|
||||
img
|
||||
position: relative
|
||||
margin: 0 !important
|
||||
max-width: none
|
||||
width: calc(100% + 20px)
|
||||
height: 250px
|
||||
backface-visibility: hidden
|
||||
opacity: .8
|
||||
transition: opacity .35s, transform .35s
|
||||
transform: translate3d(-10px, 0, 0)
|
||||
object-fit: cover
|
||||
|
||||
figcaption
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 0
|
||||
padding: 1.5rem
|
||||
width: 100%
|
||||
height: 100%
|
||||
color: $gallery-color
|
||||
text-transform: uppercase
|
||||
backface-visibility: hidden
|
||||
|
||||
& > a
|
||||
position: absolute
|
||||
top: 0
|
||||
right: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
z-index: 1000
|
||||
opacity: 0
|
||||
|
||||
p
|
||||
display: -webkit-box
|
||||
overflow: hidden
|
||||
margin: 0
|
||||
padding: .4rem 0 0
|
||||
letter-spacing: 1px
|
||||
font-size: .8rem
|
||||
line-height: 1.5
|
||||
opacity: 0
|
||||
transition: opacity .35s, transform .35s
|
||||
transform: translate3d(100%, 0, 0)
|
||||
-webkit-line-clamp: 4
|
||||
-webkit-box-orient: vertical
|
||||
|
||||
.gallery-group-name
|
||||
position: relative
|
||||
display: -webkit-box
|
||||
overflow: hidden
|
||||
margin: 0
|
||||
padding: .4rem 0
|
||||
font-weight: bold
|
||||
font-size: 1.2rem
|
||||
line-height: 1.5
|
||||
-webkit-line-clamp: 2
|
||||
-webkit-box-orient: vertical
|
||||
|
||||
&:after
|
||||
position: absolute
|
||||
bottom: 0
|
||||
left: 0
|
||||
width: 100%
|
||||
height: 2px
|
||||
background: $gallery-color
|
||||
content: ''
|
||||
transition: transform .35s
|
||||
transform: translate3d(-100%, 0, 0)
|
||||
|
||||
.gallery-group-main
|
||||
overflow: auto
|
||||
padding: 0 0 .8rem
|
||||
|
||||
.justified-gallery
|
||||
margin: 0 0 .8rem
|
||||
|
||||
img
|
||||
opacity: 0
|
||||
|
||||
.img-alt
|
||||
display: none
|
||||
|
||||
.fancybox
|
||||
width: auto
|
||||
text-align: inherit
|
||||
|
||||
@media screen and (max-width: 600px)
|
||||
figure.gallery-group
|
||||
width: calc(100% - .4rem)
|
||||
94
source/css/_layout/loadding.styl
Normal file
94
source/css/_layout/loadding.styl
Normal file
@@ -0,0 +1,94 @@
|
||||
if hexo-config('preloader')
|
||||
loading-bg()
|
||||
position: fixed
|
||||
z-index: 1000
|
||||
width: 50%
|
||||
height: 100%
|
||||
background-color: $preloader-bg
|
||||
transition: all .5s
|
||||
|
||||
#loading-box
|
||||
.loading-left-bg
|
||||
loading-bg()
|
||||
|
||||
.loading-right-bg
|
||||
loading-bg()
|
||||
right: 0
|
||||
|
||||
.spinner-box
|
||||
position: fixed
|
||||
z-index: 1001
|
||||
display: flex
|
||||
justify-content: center
|
||||
align-items: center
|
||||
width: 100%
|
||||
height: 100vh
|
||||
|
||||
.configure-border-1
|
||||
position: absolute
|
||||
padding: 3px
|
||||
width: 115px
|
||||
height: 115px
|
||||
background: #ffab91
|
||||
animation: configure-clockwise 3s ease-in-out 0s infinite alternate
|
||||
|
||||
.configure-border-2
|
||||
left: -115px
|
||||
padding: 3px
|
||||
width: 115px
|
||||
height: 115px
|
||||
background: rgb(63, 249, 220)
|
||||
transform: rotate(45deg)
|
||||
animation: configure-xclockwise 3s ease-in-out 0s infinite alternate
|
||||
|
||||
.loading-word
|
||||
position: absolute
|
||||
color: $white
|
||||
font-size: .8rem
|
||||
|
||||
.configure-core
|
||||
width: 100%
|
||||
height: 100%
|
||||
background-color: $preloader-bg
|
||||
|
||||
&.loaded
|
||||
.loading-left-bg
|
||||
transform: translate(-100%, 0)
|
||||
|
||||
.loading-right-bg
|
||||
transform: translate(100%, 0)
|
||||
|
||||
.spinner-box
|
||||
display: none
|
||||
|
||||
@keyframes configure-clockwise
|
||||
0%
|
||||
transform: rotate(0)
|
||||
|
||||
25%
|
||||
transform: rotate(90deg)
|
||||
|
||||
50%
|
||||
transform: rotate(180deg)
|
||||
|
||||
75%
|
||||
transform: rotate(270deg)
|
||||
|
||||
100%
|
||||
transform: rotate(360deg)
|
||||
|
||||
@keyframes configure-xclockwise
|
||||
0%
|
||||
transform: rotate(45deg)
|
||||
|
||||
25%
|
||||
transform: rotate(-45deg)
|
||||
|
||||
50%
|
||||
transform: rotate(-135deg)
|
||||
|
||||
75%
|
||||
transform: rotate(-225deg)
|
||||
|
||||
100%
|
||||
transform: rotate(-315deg)
|
||||
@@ -1,287 +0,0 @@
|
||||
.note
|
||||
$note-icons = hexo-config('note.icons')
|
||||
$note-style = hexo-config('note.style')
|
||||
position: relative
|
||||
margin: 0 0 1rem
|
||||
padding: 15px
|
||||
|
||||
if ($note-style == 'simple')
|
||||
border: 1px solid $light-grey
|
||||
border-left-width: 5px
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border: 1px solid transparent
|
||||
background-color: $whitesmoke
|
||||
|
||||
if ($note-style == 'flat')
|
||||
border: initial
|
||||
border-left: 5px solid $light-grey
|
||||
background-color: lighten($light-grey, 65%)
|
||||
|
||||
if hexo-config('note.border_radius') is a 'unit'
|
||||
border-radius: unit(hexo-config('note.border_radius'), px)
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
if $note-icons
|
||||
margin-top: 3px
|
||||
else
|
||||
margin-top: 0
|
||||
|
||||
margin-bottom: 0
|
||||
padding-top: 0 !important
|
||||
border-bottom: initial
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol,
|
||||
table,
|
||||
pre,
|
||||
blockquote,
|
||||
img
|
||||
&:first-child
|
||||
margin-top: 0 !important
|
||||
|
||||
&:last-child
|
||||
margin-bottom: 0 !important
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
padding-left: 45px
|
||||
|
||||
&::before
|
||||
position: absolute
|
||||
top: 13px
|
||||
left: 15px
|
||||
font-size: larger
|
||||
|
||||
if hexo-config('fontawesome_v5') && hexo-config('fontawesome_v5.enable')
|
||||
font-weight: 600
|
||||
font-family: 'Font Awesome 5 Free'
|
||||
else
|
||||
font-family: 'FontAwesome'
|
||||
|
||||
&.default
|
||||
if ($note-style == 'flat')
|
||||
background-color: $note-default-bg
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border-color: $note-modern-default-border
|
||||
background-color: $note-modern-default-bg
|
||||
color: $note-modern-default-text
|
||||
|
||||
a,
|
||||
span.exturl
|
||||
&:not(.btn)
|
||||
border-bottom: 1px solid $note-modern-default-text
|
||||
color: $note-modern-default-text
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px solid $note-modern-default-hover
|
||||
color: $note-modern-default-hover
|
||||
|
||||
if ($note-style != 'modern')
|
||||
border-left-color: $note-default-border
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
color: $note-default-text
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
&::before
|
||||
content: $note-default-icon
|
||||
|
||||
if ($note-style != 'modern')
|
||||
color: $note-default-text
|
||||
|
||||
&.primary
|
||||
if ($note-style == 'flat')
|
||||
background-color: $note-primary-bg
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border-color: $note-modern-primary-border
|
||||
background-color: $note-modern-primary-bg
|
||||
color: $note-modern-primary-text
|
||||
|
||||
a,
|
||||
span.exturl
|
||||
&:not(.btn)
|
||||
border-bottom: 1px solid $note-modern-primary-text
|
||||
color: $note-modern-primary-text
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px solid $note-modern-primary-hover
|
||||
color: $note-modern-primary-hover
|
||||
|
||||
if ($note-style != 'modern')
|
||||
border-left-color: $note-primary-border
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
color: $note-primary-text
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
&::before
|
||||
content: $note-primary-icon
|
||||
|
||||
if ($note-style != 'modern')
|
||||
color: $note-primary-text
|
||||
|
||||
&.info
|
||||
if ($note-style == 'flat')
|
||||
background-color: $note-info-bg
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border-color: $note-modern-info-border
|
||||
background-color: $note-modern-info-bg
|
||||
color: $note-modern-info-text
|
||||
|
||||
a,
|
||||
span.exturl
|
||||
&:not(.btn)
|
||||
border-bottom: 1px solid $note-modern-info-text
|
||||
color: $note-modern-info-text
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px solid $note-modern-info-hover
|
||||
color: $note-modern-info-hover
|
||||
|
||||
if ($note-style != 'modern')
|
||||
border-left-color: $note-info-border
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
color: $note-info-text
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
&::before
|
||||
content: $note-info-icon
|
||||
|
||||
if ($note-style != 'modern')
|
||||
color: $note-info-text
|
||||
|
||||
&.success
|
||||
if ($note-style == 'flat')
|
||||
background-color: $note-success-bg
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border-color: $note-modern-success-border
|
||||
background-color: $note-modern-success-bg
|
||||
color: $note-modern-success-text
|
||||
|
||||
a,
|
||||
span.exturl
|
||||
&:not(.btn)
|
||||
border-bottom: 1px solid $note-modern-success-text
|
||||
color: $note-modern-success-text
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px solid $note-modern-success-hover
|
||||
color: $note-modern-success-hover
|
||||
|
||||
if ($note-style != 'modern')
|
||||
border-left-color: $note-success-border
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
color: $note-success-text
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
&::before
|
||||
content: $note-success-icon
|
||||
|
||||
if ($note-style != 'modern')
|
||||
color: $note-success-text
|
||||
|
||||
&.warning
|
||||
if ($note-style == 'flat')
|
||||
background-color: $note-warning-bg
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border-color: $note-modern-warning-border
|
||||
background-color: $note-modern-warning-bg
|
||||
color: $note-modern-warning-text
|
||||
|
||||
a,
|
||||
span.exturl
|
||||
&:not(.btn)
|
||||
border-bottom: 1px solid $note-modern-warning-text
|
||||
color: $note-modern-warning-text
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px solid $note-modern-warning-hover
|
||||
color: $note-modern-warning-hover
|
||||
|
||||
if ($note-style != 'modern')
|
||||
border-left-color: $note-warning-border
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
color: $note-warning-text
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
&::before
|
||||
content: $note-warning-icon
|
||||
|
||||
if ($note-style != 'modern')
|
||||
color: $note-warning-text
|
||||
|
||||
&.danger
|
||||
if ($note-style == 'flat')
|
||||
background-color: $note-danger-bg
|
||||
|
||||
if ($note-style == 'modern')
|
||||
border-color: $note-modern-danger-border
|
||||
background-color: $note-modern-danger-bg
|
||||
color: $note-modern-danger-text
|
||||
|
||||
a,
|
||||
span.exturl
|
||||
&:not(.btn)
|
||||
border-bottom: 1px solid $note-modern-danger-text
|
||||
color: $note-modern-danger-text
|
||||
|
||||
&:hover
|
||||
border-bottom: 1px solid $note-modern-danger-hover
|
||||
color: $note-modern-danger-hover
|
||||
|
||||
if ($note-style != 'modern')
|
||||
border-left-color: $note-danger-border
|
||||
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6
|
||||
color: $note-danger-text
|
||||
|
||||
if $note-icons
|
||||
&:not(.no-icon)
|
||||
&::before
|
||||
content: $note-danger-icon
|
||||
|
||||
if ($note-style != 'modern')
|
||||
color: $note-danger-text
|
||||
@@ -270,7 +270,7 @@
|
||||
-webkit-box-orient: vertical
|
||||
|
||||
&:hover
|
||||
color: $light-blue
|
||||
color: $light-blue !important
|
||||
transform: translateX(20px)
|
||||
|
||||
&__img
|
||||
@@ -381,7 +381,7 @@
|
||||
& > div:first-child:not(.recent-posts)
|
||||
width: 100% !important
|
||||
|
||||
//ie10-ios11使用
|
||||
// ie10-ios11使用
|
||||
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
|
||||
.recent-post-info
|
||||
.content
|
||||
|
||||
Reference in New Issue
Block a user