mcal: rework styles to better fit Mayan displays

Author: quantum5

mcal/src/Calendar.scss

@@ -7,65 +7,37 @@
 @import '@common/ui/consts.scss';
 @import '@common/ui/MonthBasedCalendar.scss';
 
+.Day-haabMonth {
+    font-weight: 400;
+    font-size: 1rem;
+}
+
 @include media-breakpoint-up(xs) {
-    .DayOuter.NormalDay {
+    .DayOuter {
         @include make-col($size: 1, $columns: 2);
     }
-
-    .DayOuter.ComplementaryDay {
-        @include make-col($size: 1, $columns: 1);
-    }
 }
 
 @include media-breakpoint-up(sm) {
-    .DayOuter.NormalDay {
+    .DayOuter {
         @include make-col($size: 1, $columns: 3);
     }
 }
 
 @include media-breakpoint-up(md) {
-    .DayOuter.NormalDay {
+    .DayOuter {
         @include make-col($size: 1, $columns: 4);
     }
 }
 
 @include media-breakpoint-up(lg) {
-    .DayOuter.NormalDay {
+    .DayOuter {
         @include make-col($size: 1, $columns: 6);
     }
-
-    .DayOuter.ComplementaryDay {
-        @include make-col($size: 1, $columns: 2);
-    }
-}
-
-@include media-breakpoint-up(xl) {
-    .DayOuter.NormalDay {
-        @include make-col($size: 1, $columns: 8);
-    }
 }
 
 @include media-breakpoint-up(xxl) {
-    .Month-weekdayHead {
-        display: block;
-        @include make-row($gutter: 0);
-        position: sticky;
-        top: 0;
-        background: white;
-        margin-top: -$spacer * 7.5;
-        padding-top: $spacer * 7.5;
-        z-index: 19;
-    }
-
-    .Month-days {
-        margin-top: $spacer;
-    }
-
-    .DayOuter.NormalDay, .WeekdayName {
-        @include make-col($size: 1, $columns: 10);
-    }
-
-    .Day-weekday {
-        display: none;
+    .DayOuter {
+        @include make-col($size: 1, $columns: 8);
     }
 }