mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
c54f23bc14
fix: 修復valine背景圖片再次出現時，由左到右移動的bugs improvement: 調大sidebar的寬度 improvement: html結構調整，mobile-sidebar改為sidebar/search調整 remove: 刪除多餘的css和pug
70 lines
1.4 KiB
Stylus
70 lines
1.4 KiB
Stylus
#local-search
|
|
.search-dialog
|
|
animation: titlescale .5s
|
|
|
|
.local-search-box
|
|
margin: 0 auto
|
|
max-width: 100%
|
|
width: 100%
|
|
|
|
input
|
|
padding: .25rem .7rem
|
|
width: 100%
|
|
outline: none
|
|
border: 2px solid $search-color
|
|
border-radius: 2rem
|
|
background: var(--search-bg)
|
|
color: var(--search-input-color)
|
|
-webkit-appearance: none
|
|
|
|
.local-search__hit-item
|
|
position: relative
|
|
padding-left: 1.2rem
|
|
line-height: 1.7
|
|
|
|
&:hover
|
|
&:before
|
|
border-color: $pseudo-hover
|
|
|
|
&:before
|
|
$w = .5em
|
|
position: absolute
|
|
top: .45em
|
|
left: 0
|
|
width: w = $w
|
|
height: h = w
|
|
border: .15rem 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)
|
|
font-weight: 600
|
|
cursor: pointer
|
|
|
|
&:hover
|
|
color: $search-color
|
|
|
|
.search-result
|
|
margin: 0 0 .4rem
|
|
word-break: break-all
|
|
|
|
.search-keyword
|
|
color: $search-keyword-highlight
|
|
font-weight: bold
|
|
|
|
.local-search-stats__hr
|
|
display: none !important
|
|
|
|
.search-result-list
|
|
overflow-y: auto
|
|
max-height: 10.5rem
|
|
|
|
+maxWidth768()
|
|
padding-bottom: 2rem
|
|
max-height: 75vh !important
|