Retrospring/app/assets/stylesheets/components/_notifications.scss

56 lines
844 B
SCSS
Raw Normal View History

.notification {
&__user {
margin-top: 0;
}
&__user,
&__text {
margin-bottom: 0;
}
&__icon {
margin-right: map-get($spacers, 2);
min-width: 40px;
}
&__heading {
margin-bottom: 0;
}
&__list-heading {
margin: 0px;
text-transform: uppercase;
font-weight: bold;
color: RGB(var(--muted-text));
}
&__bell-icon:before {
font-size: 64px;
text-align: center;
display: block;
margin-bottom: 2px;
}
&-dropdown {
min-width: 400px;
& .dropdown-item:hover,
& .dropdown-item:active {
background: transparent;
color: RGB(var(--body-text));
}
}
.dropdown-item > & {
padding: 5px 10px;
}
.list-group-item {
margin-top: map-get($spacers, 2);
2020-05-03 11:10:50 -07:00
background-color: var(--raised-accent);
p {
margin-bottom: 0;
}
}
}