Added basic Calendar menu (WIP)

scss/menus/calendar.scss

@@ -0,0 +1,49 @@
+@import "../colors";
+
+.calendar-content-container {
+  margin-top: 0em;
+  min-width: 16em;
+  min-height: 6em;
+  background: $mantle;
+  border: 0.13em solid $surface0; border-radius: 0.4em;
+}
+
+.window-content.calendarmenu-window {
+  margin-right: 0.50em;
+}
+
+.calendar-content-items {
+  margin: 1em;
+}
+
+.calendar-menu-calendar {
+  all: unset;
+  padding: 1em;
+  color: $text;
+
+  &:selected {
+    box-shadow: inset 0 -0.4em 0 0 $pink,
+      inset 0 -0.2em 0 0 $mantle,
+      inset 0 0 0 0.01em $mantle;
+    color: $pink;
+    border-radius: 0em;
+  }
+
+  &.header {
+    background-color: transparent;
+    color: $teal;
+  }
+
+  &.highlight {
+    border: 2em solid $pink;
+    background-color: transparent;
+    color: $pink;
+  }
+
+  &:indeterminate {
+    color: $surface2;
+  }
+
+  font-size: 1.1em;
+  padding: 0.2em;
+}

scss/menus/media.scss

@@ -4,7 +4,7 @@
   min-width: 40rem;
   min-height: 10rem;
   background: $mantle;
-  border: 0.25rem solid $surface0; 
+  border: 0.13em solid $surface0; 
   border-radius: 0.4rem;
 }
 
@@ -82,12 +82,6 @@
   min-width: 2em;
   border-radius: 0.2rem;
 
-  tooltip {
-    min-width: 10rem;
-    min-height: 10rem;
-    background: red;
-  }
-
   &.disabled {
     background: $surface0;
   }
@@ -122,7 +116,7 @@ image {
     highlight,
     progress {
       min-height: 1rem;
-      background: $pink;
+      background: $lavender;
       border-radius: 0.3rem;
     }
   }

scss/menus/menu.scss

@@ -79,6 +79,10 @@
     }
 }
 
+tooltip label {
+    font-size: 0.9em;
+}
+
 .menu-separator {
     min-height: .1rem;
     margin: .6rem 0rem;
@@ -87,7 +91,7 @@
 
 .menu-items {
     background: $mantle;
-    border: .25rem solid $surface0;
+    border: .13em solid $surface0;
     border-radius: .5rem;
     min-width: 375px;
     color: $text;
@@ -184,3 +188,12 @@
 .menu-item-box {
     margin-bottom: 0.5rem;
 }
+.dropdown-menu-container {
+    // margin: 1.5em;
+    // box-shadow: 0 0 0.6em $mantle;
+}
+
+.top-right-event-box_top *{
+  min-height: 0em;
+  margin-top: 2.5em;
+}

scss/menus/notifications.scss

@@ -5,7 +5,7 @@
   min-width: 26em;
   min-height: 6em;
   background: $mantle;
-  border: 0.2em solid $surface0; border-radius: 0.4em;
+  border: 0.13em solid $surface0; border-radius: 0.4em;
 }
 
 .window-content.notificationsmenu-window {
@@ -67,8 +67,3 @@
   color: $red;
   font-size: 1.5em;
 }
-
-.top-right-event-box_top *{
-  min-height: 0em;
-  margin-top: 2.5em;
-}