mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2026-04-10 21:17:07 +08:00
7e729cff79
fix: 自建頁面圖片沒有 blur 效果 improvement: 優化 404 頁面 UI improvement: lazyload 默認佔位圖改為透明圖片 improvement: 優化 lazyload blur 出現特效 improvement: 優化 css
75 lines
1.5 KiB
Stylus
75 lines
1.5 KiB
Stylus
#algolia-search
|
|
.search-dialog
|
|
.ais-search-box
|
|
margin: 0 auto
|
|
max-width: 100%
|
|
width: 100%
|
|
|
|
input
|
|
padding: 5px 14px
|
|
outline: none
|
|
border: 2px solid $search-color
|
|
border-radius: 40px
|
|
background: var(--search-bg)
|
|
color: var(--search-input-color)
|
|
|
|
.ais-hits--item.algolia-hit-item
|
|
position: relative
|
|
padding-left: 24px
|
|
|
|
&:hover
|
|
&:before
|
|
border-color: var(--pseudo-hover)
|
|
|
|
&:before
|
|
$w = .5em
|
|
position: absolute
|
|
top: .53em
|
|
left: 0
|
|
width: w = $w
|
|
height: h = w
|
|
border: 3px solid $search-color
|
|
border-radius: w
|
|
background: transparent
|
|
content: ''
|
|
line-height: h
|
|
transition: all .2s ease-in-out
|
|
|
|
a
|
|
display: block
|
|
color: var(--search-result-title)
|
|
cursor: pointer
|
|
|
|
&:hover
|
|
color: $search-color
|
|
|
|
em
|
|
color: $search-keyword-highlight
|
|
font-weight: bold
|
|
|
|
.ais-pagination.pagination
|
|
margin: 16px 0 0
|
|
padding: 0
|
|
text-align: center
|
|
|
|
.ais-pagination--item
|
|
margin: 0 4px
|
|
padding: 0
|
|
|
|
a
|
|
display: inline-block
|
|
min-width: 24px
|
|
height: 24px
|
|
text-align: center
|
|
line-height: 24px
|
|
|
|
.ais-pagination--item.current
|
|
a
|
|
background: $theme-paginator-color
|
|
color: #eee
|
|
cursor: default
|
|
|
|
.algolia-logo
|
|
padding-top: 2px
|
|
width: 80px
|
|
height: 30px |