psychic-ui
Version:
the working mans css framework
57 lines (44 loc) • 1.09 kB
text/stylus
.dropdown
position: relative
display: inline-block
&:hover
border-bottom-left-radius: 0
border-bottom-right-radius: 0
&:hover .block
border-bottom-right-radius: $border-radius
&:hover .dropdown-content
display: block
&:hover .dropdown-content:empty
display: none
&.block > .dropdown-content
margin-left: -1px
.dropdown-content
display: none
z-index: 10000
position: absolute
background-color: #fff
border: $dropdown['border']
border-bottom-right-radius: $border-radius
border-bottom-left-radius: $border-radius
margin-top: 12px
left:-1px
min-width: 160px
&:hover
display: block;
&.dropdown-content-right
right: -1px
left: auto
> ul
list-style: none
margin:0
padding: 0
> ul > li > a
text-decoration: none
color: black
width:100%
height:100%
display: block
padding-top: 10px
padding-bottom: 10px
&:hover
background-color: #dedede