.ux-dropdown-grp {
position: relative; float: left; min-height: 1px; outline: none; padding-left: 1em; padding-right: 1em; .ux-dropdown-content { background: #e6e6e6; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e6e6e6), to(#ffffff)); background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff); background-image: -o-linear-gradient(top, #e6e6e6, #ffffff); background: -moz-linear-gradient(top, #e6e6e6, #ffffff); /* FF3.6+ */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e6e6', EndColorStr='#ffffff')"; background-image: -webkit-linear-gradient(bottom, #e6e6e6, #ffffff); background-image: linear-gradient(to top, #e6e6e6, #ffffff); border-radius: 3px; border: 1px solid #d0d0d0; cursor: pointer; outline: none; position: relative; width: 100%; margin: 0 auto; padding: 9px 15px; line-height: 10px; .current-selection { font-size: 0.875rem; color: #666666; } ul { position: absolute; display: none; // display on hover top: 2em; left: 0; right: 0; background: white; border-radius: inherit; border: 1px solid #d0d0d0; box-shadow: 0 1px 3px 0px #888; font-weight: normal; list-style: none; pointer-events: none; margin: 0; max-height: 350px; overflow: auto; padding-bottom: 0.66em; padding-top: 0.66em; li { padding: 0px 20px; line-height: 30px; font-size: 0.875rem; position: relative; } li.separator { border-top: dotted 1px #333333; } li:hover { background-color: #e1f2f7; } &:hover { display: block; } } } //ux-dropdown-content
} //ux-dropdown-grp