hexo-theme-butterfly/source/css/_search/local-search.styl
2020-04-19 16:05:47 +08:00

65 lines
1.2 KiB
Stylus

#local-search
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: $search-bg
font-size: 14px
-webkit-appearance: none
.local-search__hit-item
position: relative
padding-left: 1.3rem
line-height: 1.7
&:hover
&:before
border-color: $theme-button-hover-color
&:before
$w = .3rem
position: absolute
top: .3rem
left: 0
width: w = $w
height: h = w
border: .5 * w solid $search-color
border-radius: w
background: transparent
content: ''
line-height: h
transition: all .2s ease-in-out
a
display: block
color: $font-black
font-weight: 600
font-size: 14px
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