.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; } } }