87 lines
1.5 KiB
Stylus
87 lines
1.5 KiB
Stylus
|
.wrapper-dropdown
|
||
|
|
position absolute
|
||
|
|
right 9em
|
||
|
|
|
||
|
|
width 15em
|
||
|
|
padding 0.5em 1em
|
||
|
|
margin 0.4em auto
|
||
|
|
|
||
|
|
background #f5f5f5
|
||
|
|
background-image -webkit-linear-gradient(top, #ffffff, #f5f5f5)
|
||
|
|
background-image linear-gradient(to bottom, #ffffff, #f5f5f5)
|
||
|
|
|
||
|
|
color #666
|
||
|
|
outline none
|
||
|
|
cursor pointer
|
||
|
|
|
||
|
|
border #ddd 1px solid
|
||
|
|
border-radius 5px
|
||
|
|
|
||
|
|
&:after
|
||
|
|
content ""
|
||
|
|
width 0
|
||
|
|
height 0
|
||
|
|
position absolute
|
||
|
|
right 16px
|
||
|
|
top 50%
|
||
|
|
margin-top -6px
|
||
|
|
border-width 6px 0 6px 6px
|
||
|
|
border-style solid
|
||
|
|
border-color transparent #666
|
||
|
|
|
||
|
|
.dropdown
|
||
|
|
position absolute
|
||
|
|
bottom 2em
|
||
|
|
left 0
|
||
|
|
right 0
|
||
|
|
background #fafafa
|
||
|
|
list-style none
|
||
|
|
font-weight normal
|
||
|
|
border #ddd 1px solid
|
||
|
|
border-radius 5px
|
||
|
|
opacity 0
|
||
|
|
pointer-events none
|
||
|
|
height 20em
|
||
|
|
overflow-x ellipsis
|
||
|
|
overflow-y auto
|
||
|
|
padding 0
|
||
|
|
|
||
|
|
li
|
||
|
|
display block
|
||
|
|
text-decoration none
|
||
|
|
color #9e9e9e
|
||
|
|
padding 10px 20px
|
||
|
|
white-space nowrap
|
||
|
|
overflow hidden
|
||
|
|
text-overflow ellipsis
|
||
|
|
|
||
|
|
&:hover
|
||
|
|
background #ccc
|
||
|
|
color #fff
|
||
|
|
|
||
|
|
&.selected
|
||
|
|
background #eee
|
||
|
|
|
||
|
|
&.active
|
||
|
|
background #fafafa
|
||
|
|
|
||
|
|
.dropdown
|
||
|
|
opacity 1
|
||
|
|
pointer-events auto
|
||
|
|
|
||
|
|
&:after
|
||
|
|
border-color #aaa transparent
|
||
|
|
border-width 0 6px 6px 6px
|
||
|
|
margin-top -3px
|
||
|
|
|
||
|
|
/* No CSS3 support */
|
||
|
|
|
||
|
|
.no-opacity, .no-pointerevents
|
||
|
|
.wrapper-dropdown .dropdown
|
||
|
|
display none
|
||
|
|
opacity 1
|
||
|
|
pointer-events auto
|
||
|
|
|
||
|
|
.wrapper-dropdown.active .dropdown
|
||
|
|
display block
|