Vulcan/packages/telescope-theme-base/lib/client/scss/specific/_dropdown.scss

.has-dropdown{
  position:relative;
  .dropdown-top-level{
    cursor: pointer;
    &:after{
      display:inline-block;
      position:relative;
      top:-1px;
      margin-left:4px;
      content:"▼";
      font-size:8px;
    }
  }
  &:hover{
    .dropdown-menu{
      display:block;
    }
  }
}
.has-dropdown .dropdown-menu{
  display:none;
  top:10px;
  left:10px;
  position:absolute;
  padding-top:20px;
  z-index: 10000;
  &, a, a:link, a:visited{
    color: $text;
  }
  a.button{
    color: white;
  }
  ul{
    background:white;
    padding:10px;
    min-width:180px;
    border-radius: 3px;
    box-shadow: 0 1px 3px black(0.35);
    list-style-type: none;
    li{
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #eeeeee;
      &:last-child{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
      }
      a{
        font-size:14px;
      }
      .menu-label{
        display: block;
      }
      .menu-description{
        display: block;
        font-weight: normal;
        font-size: 12px;
        margin-top: 2px;
        color: $medium-text;
      }
    }
  }
}
.admin-item{
  .menu-label:after{
    content: "[A]";
    font-size: 10px;
    color: $red;
    display: inline-block;
    margin-left: 3px;
  }
}
.dropdown-top-label{
  cursor: pointer;
}

.show-more{
  border-top: 1px solid #ccc;
  padding: 8px 0;
  display: block;
  text-align: center;
  .show-more-icon{
    display: block;
    visibility: hidden; // hide until SVG injection is
    height: 20px;
    width: 20px;
    opacity: 0.4;
    margin: 0 auto;
  }
  &:hover{
    background: white(0.3);
    .show-more-icon{
      opacity: 1;
    }
  }
  .show-more-minus{
    display: none;
  }
  .dropdown-open &{
    .show-more-minus{
      display: block;
    }
    .show-more-plus{
      display: none;
    }
  }
}