ui/style/widgets/notifications.scss

45 lines
715 B
SCSS
Raw Normal View History

2024-11-18 07:28:16 -08:00
.notifications {
> * {
> box {
2024-11-18 17:34:41 -08:00
margin: 10px 15px;
2024-11-18 07:28:16 -08:00
border: 1px solid $fg;
background: $bg;
.title {
font-family: 'tewi';
font-size: 22px;
min-width: 16rem;
}
.icon {
min-width: 64px;
min-height: 64px;
margin: 5px;
font-size: 58px
}
.timeout-bar {
background: $bg-alt-1;
> trough > progress {
background-image: none;
background-color: $hl-alt-1;
}
}
2024-11-18 17:34:41 -08:00
.urgency-indicator {
min-width: 25px;
&.NORMAL, &.LOW {
background: $hl-alt-2;
}
&.CRITICAL {
background: $hl;
}
}
2024-11-18 07:28:16 -08:00
}
}
}