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.
90 lines
1.7 KiB
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
|