angular-cn/public/resources/css/module/_dropdown.scss

65 lines
1.2 KiB
SCSS
Raw Normal View History

2015-03-03 17:22:30 -05:00
.dropdown {
position: relative;
2015-03-04 23:27:30 -05:00
z-index: $layer-1;
2015-03-03 17:22:30 -05:00
.dropdown-button {
2015-03-04 08:27:48 -05:00
background: rgba($snow, .1);
2015-03-03 17:22:30 -05:00
border: none;
text-transform: none;
font-weight: normal;
line-height: $unit * 4;
2015-03-04 08:27:48 -05:00
padding: 0px ($unit * 4) 0px ($unit * 2);
2015-03-03 17:22:30 -05:00
cursor: pointer;
2015-03-04 08:27:48 -05:00
position: relative;
2015-03-04 23:27:30 -05:00
z-index: $layer-1;
opacity: 0.87;
2015-03-04 08:27:48 -05:00
.icon {
position: absolute;
top: 5px;
right: $unit;
z-index: $layer-1;
font-size: 20px;
opacity: .87;
}
2015-03-03 17:22:30 -05:00
}
.dropdown-menu {
background: $snow;
box-shadow: 0px 2px 5px rgba($coal, .3);
position: absolute;
top: 0px;
left: 0px;
z-index: $layer-5;
2015-03-05 09:30:53 -05:00
display: none;
border-radius: 3px;
overflow: hidden;
2015-03-03 17:22:30 -05:00
ul {
list-style-type: none;
2015-03-04 10:13:59 -05:00
border-bottom: 1px solid $fog;
margin: 0px;
2015-03-03 17:22:30 -05:00
padding: 0px;
&:last-child {
margin: 0;
}
}
li {
margin: 0px;
}
a {
display: block;
line-height: $unit * 5;
padding: 0px ($unit * 2);
font-size: 14px;
text-decoration: none;
text-align: left;
font-weight: 400;
text-transform: uppercase;
2015-04-22 08:33:17 -04:00
color: $metal;
2015-03-03 17:22:30 -05:00
}
}
}