.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