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.
vscode-api-cn.js/theme/assets/css/elements/_search.sass

90 lines
1.7 KiB

#tsd-search
transition: background-color 0.2s
.title
position: relative
z-index: 2
.field
position: absolute
left: 0
top: 0
right: 40px
height: 40px
input
box-sizing: border-box
position: relative
top: -50px
z-index: 1
width: 100%
padding: 0 10px
opacity: 0
outline: 0
border: 0
background: transparent
color: var(--color-text)
label
position: absolute
overflow: hidden
right: -40px
.field input,
.title
transition: opacity 0.2s
.results
position: absolute
visibility: hidden
top: 40px
width: 100%
margin: 0
padding: 0
list-style: none
box-shadow: 0 0 4px rgba(#000, 0.25)
li
padding: 0 10px
background-color: var(--color-background)
li:nth-child(even)
background-color: var(--color-panel)
li.state
display: none
li.current,
li:hover
background-color: var(--color-panel-divider)
a
display: block
&:before
top: 10px
span.parent
color: var(--color-text-aside)
font-weight: normal
&.has-focus
background-color: var(--color-panel-divider)
.field input
top: 0
opacity: 1
.title
z-index: 0
opacity: 0
.results
visibility: visible
&.loading .results li.state.loading
display: block
&.failure .results li.state.failure
display: block