mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 09:46:22 +00:00
75 lines
1.4 KiB
Stylus
75 lines
1.4 KiB
Stylus
.root
|
|
position relative
|
|
border solid 1px transparent
|
|
line-height 34px
|
|
vertical-align middle
|
|
border-radius 5px
|
|
transition 0.15s
|
|
user-select none
|
|
&:hover
|
|
background-color white
|
|
border-color $ui-borderColor
|
|
|
|
.root--search, .root--focus
|
|
@extend .root
|
|
background-color white
|
|
border-color $ui-input--focus-borderColor
|
|
&:hover
|
|
background-color white
|
|
border-color $ui-input--focus-borderColor
|
|
|
|
.idle
|
|
position relative
|
|
cursor pointer
|
|
.idle-label
|
|
absolute left top
|
|
padding 0 0 0 5px
|
|
right 20px
|
|
overflow ellipsis
|
|
|
|
.idle-caret
|
|
absolute right top
|
|
height 34px
|
|
width 20px
|
|
line-height 34px
|
|
|
|
.search
|
|
absolute top left right bottom
|
|
line-height 34px
|
|
|
|
.search-input
|
|
vertical-align middle
|
|
position relative
|
|
top -2px
|
|
outline none
|
|
border none
|
|
height 20px
|
|
line-height 20px
|
|
background-color transparent
|
|
padding 0 10px
|
|
|
|
.search-optionList
|
|
position fixed
|
|
border $ui-border
|
|
z-index 10
|
|
background-color white
|
|
border-radius 5px
|
|
|
|
.search-optionList-item
|
|
height 34px
|
|
width 120px
|
|
box-sizing border-box
|
|
padding 0 5px
|
|
overflow ellipsis
|
|
cursor pointer
|
|
&:hover
|
|
background-color $ui-button--hover-backgroundColor
|
|
|
|
.search-optionList-item--active
|
|
@extend .search-optionList-item
|
|
background-color $ui-button--active-backgroundColor
|
|
color $ui-button--active-color
|
|
&:hover
|
|
background-color $ui-button--active-backgroundColor
|
|
color $ui-button--active-color
|