Files
illogical-impulse/early/.config/eww/css/_notification.scss
T
2024-02-22 15:35:06 +07:00

84 lines
1.1 KiB
SCSS
Executable File

.notifications-box {
// @include window;
// padding: 1rem;
font-family: 'Rubik';
}
.notification {
// @include rounding;
border-radius: 12px;
font-size: 12pt;
font-family: 'Rubik';
background-color: $surface0;
// border-bottom: 3px solid $colorbg;
padding: .7rem;
margin-top: 5px;
margin-bottom: 5px;
// box {
// margin-bottom: .5rem;
// }
label {
font-size: 1rem;
}
&:hover {
border: 3px solid $color7;
}
.appname {
font-size: 13pt;
color: $color0;
font-weight: bold;
}
.summary {
font-size: 13pt;
color: $colortext;
font-weight: bold;
}
.body {
color: $colortext;
}
}
// .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: $colortext;
font-size: 1.5rem;
}
.notification-action {
border-radius: 50%;
margin-top: 33px;
margin-bottom: 9px;
padding: 0 .3rem;
label {
color: $colortext;
font-size: 1.4rem;
}
&:hover {
background: $surface0;
}
}