111 lines
2.1 KiB
SCSS
111 lines
2.1 KiB
SCSS
@import "../notifications/notifications.scss";
|
|
|
|
@mixin calendar {
|
|
@include widget;
|
|
padding: $padding*2 $padding*2 0;
|
|
|
|
calendar {
|
|
all: unset;
|
|
|
|
&.button {
|
|
@include button($flat: true);
|
|
}
|
|
|
|
&:selected {
|
|
box-shadow: inset 0 -8px 0 0 transparentize($primary-bg, 0.5),
|
|
inset 0 0 0 1px $primary-bg;
|
|
border-radius: $radius*0.6;
|
|
}
|
|
|
|
&.header {
|
|
background-color: transparent;
|
|
border: none;
|
|
color: transparentize($fg, 0.5);
|
|
}
|
|
|
|
&.highlight {
|
|
background-color: transparent;
|
|
color: transparentize($primary-bg, 0.5);
|
|
}
|
|
|
|
&:indeterminate {
|
|
color: transparentize($fg, 0.9);
|
|
}
|
|
|
|
font-size: 1.1em;
|
|
padding: .2em;
|
|
}
|
|
}
|
|
|
|
window#datemenu .datemenu {
|
|
@include floating-widget;
|
|
|
|
.notifications {
|
|
.header {
|
|
margin-bottom: $spacing;
|
|
margin-right: $spacing;
|
|
|
|
>label {
|
|
margin-left: $radius * .5;
|
|
}
|
|
|
|
button {
|
|
@include button;
|
|
padding: $padding*.7 $padding;
|
|
}
|
|
}
|
|
|
|
.notification-scrollable {
|
|
@include scrollable($top: true, $bottom: true);
|
|
}
|
|
|
|
.notification-list {
|
|
margin-right: $spacing;
|
|
}
|
|
|
|
.notification {
|
|
@include notification;
|
|
@include widget;
|
|
padding: $padding;
|
|
margin-bottom: $spacing;
|
|
}
|
|
|
|
.placeholder {
|
|
image {
|
|
font-size: 7em;
|
|
}
|
|
|
|
label {
|
|
font-size: 1.2em;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
separator {
|
|
background-color: $popover-border-color;
|
|
border-radius: $radius;
|
|
margin-right: $spacing;
|
|
}
|
|
|
|
.datemenu {
|
|
@include spacing;
|
|
}
|
|
|
|
.clock-box {
|
|
padding: $padding;
|
|
|
|
.clock {
|
|
font-size: 5em;
|
|
}
|
|
|
|
.uptime {
|
|
color: transparentize($fg, 0.2);
|
|
}
|
|
}
|
|
|
|
.calendar {
|
|
@include calendar;
|
|
}
|
|
}
|