discourse/app/assets/stylesheets/desktop/category-notification.scss
2014-05-29 18:18:27 -04:00

38 lines
1004 B
SCSS

@import "common/foundation/variables";
@import "common/foundation/mixins";
@import "common/foundation/helpers";
.notification-dropdown-menu {
position: absolute;
z-index: 100;
display: none;
width: 550px;
padding: 4px 0;
margin: 1px 0 0;
list-style: none;
background-color: $primary_background_color;
border: 1px solid $primary_border_color;
box-shadow: 0 1px 5px rgba($primary_shadow_color, .4);
background-clip: padding-box;
span {font-size: 12px;}
.title {font-weight: bold; display: block; font-size: 14px;}
}
.notification-dropdown-menu a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: $primary_text_color;
}
.notification-dropdown-menu li > a:hover,
.notification-dropdown-menu .active > a,
.notification-dropdown-menu .active > a:hover {
color: $tertiary_text_color;
text-decoration: none;
background-color: $emphasis_text_color;
}
.open > .notification-dropdown-menu {
display: block;
clear: both;
}