You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.4 KiB
69 lines
1.4 KiB
#local-search |
|
.search-dialog |
|
.local-search-box |
|
margin: 0 auto |
|
max-width: 100% |
|
width: 100% |
|
|
|
input |
|
padding: 5px 14px |
|
width: 100% |
|
outline: none |
|
border: 2px solid $search-color |
|
border-radius: 40px |
|
background: var(--search-bg) |
|
color: var(--search-input-color) |
|
-webkit-appearance: none |
|
|
|
.search-wrap |
|
display: none |
|
|
|
.local-search-hit-item |
|
position: relative |
|
padding-left: 24px |
|
line-height: 1.7 |
|
|
|
&:hover |
|
&:before |
|
border-color: var(--pseudo-hover) |
|
|
|
&:before |
|
$w = .5em |
|
position: absolute |
|
top: .45em |
|
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-a-color) |
|
|
|
&:hover |
|
color: $search-color |
|
|
|
.search-result-title |
|
font-weight: 600 |
|
|
|
.search-result |
|
margin: 0 0 8px |
|
|
|
.search-result-list |
|
overflow-y: overlay |
|
margin: 0 -20px |
|
padding: 0 22px |
|
max-height: calc(80vh - 200px) |
|
|
|
+maxWidth768() |
|
max-height: calc(var(--search-height) - 220px) !important |
|
|
|
.search-keyword |
|
background: transparent |
|
color: $search-keyword-highlight |
|
font-weight: bold |