insomnia/app/css/components/dropdown.scss

51 lines
800 B
SCSS
Raw Normal View History

2016-03-23 05:26:27 +00:00
@import '../constants/colors';
2016-03-21 05:47:49 +00:00
@import '../constants/dimensions';
.dropdown {
position: relative;
display: block;
height: 100%;
&.dropdown--open ul {
display: block;
}
2016-03-21 06:36:39 +00:00
&.dropdown--right ul {
right: 0;
left: auto;
}
2016-03-21 05:47:49 +00:00
ul {
position: absolute;
2016-03-21 06:36:39 +00:00
left: 0;
2016-03-21 05:47:49 +00:00
display: none;
z-index: 10;
2016-03-21 06:36:39 +00:00
width: 180px;
2016-03-23 05:26:27 +00:00
border-radius: $radius-md;
2016-03-21 05:47:49 +00:00
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;
2016-03-23 05:26:27 +00:00
padding: 10px $padding-md;
2016-03-21 05:47:49 +00:00
width: 100%;
display: block;
2016-03-23 05:26:27 +00:00
&:hover {
background: $hl-xs;
}
&:active {
background: $hl-md;
}
2016-03-23 18:34:39 +00:00
i {
display: inline-block;
width: 1.5em;
}
2016-03-21 05:47:49 +00:00
}
}
}