1 files changed, 110 insertions, 0 deletions
diff --git a/.config/ags/widget/datemenu/datemenu.scss b/.config/ags/widget/datemenu/datemenu.scss
new file mode 100644
index 0000000..6fd9257
--- /dev/null
+++ b/.config/ags/widget/datemenu/datemenu.scss
@@ -0,0 +1,110 @@
+@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;
+    }
+}