60 lines
825 B
SCSS
60 lines
825 B
SCSS
.notifications-box {
|
|
@include window;
|
|
background: $bg;
|
|
padding: 1rem;
|
|
}
|
|
|
|
.notification {
|
|
background-color: $surface0;
|
|
border-bottom: 1px solid $bg;
|
|
padding: .5rem;
|
|
|
|
box { margin-bottom: .5rem; }
|
|
|
|
label { font-size: 1rem; }
|
|
|
|
&:hover {
|
|
border: 1px solid $border;
|
|
}
|
|
|
|
.appname {
|
|
color: $peach;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.summary {
|
|
color: $text;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.body { color: $text; }
|
|
}
|
|
|
|
.container {
|
|
&:first-child { border-radius: 8px 8px 0 0; };
|
|
&:last-child { border-radius: 0 0 8px 8px; };
|
|
}
|
|
|
|
.notification-header {
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.notification-label {
|
|
color: $blue;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.notification-action {
|
|
border-radius: 50%;
|
|
padding: .3rem;
|
|
|
|
label {
|
|
color: $text;
|
|
font-size: 1.2rem;
|
|
}
|
|
|
|
&:hover {
|
|
background: $surface0;
|
|
}
|
|
}
|