insomnia/app/css/components/dropdown.scss
Gregory Schier 450713595e Minor tweaks
2016-03-23 11:34:39 -07:00

51 lines
800 B
SCSS

@import '../constants/colors';
@import '../constants/dimensions';
.dropdown {
position: relative;
display: block;
height: 100%;
&.dropdown--open ul {
display: block;
}
&.dropdown--right ul {
right: 0;
left: auto;
}
ul {
position: absolute;
left: 0;
display: none;
z-index: 10;
width: 180px;
border-radius: $radius-md;
padding: 2px 0;
margin-top: 4px;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
a, button {
font-size: $font-size-md;
text-align: left;
padding: 10px $padding-md;
width: 100%;
display: block;
&:hover {
background: $hl-xs;
}
&:active {
background: $hl-md;
}
i {
display: inline-block;
width: 1.5em;
}
}
}
}