_calendar.scss in active_frontend-14.1.3

- old
+ new

@@ -1,9 +1,11 @@
 // Table of Contents
 // ==================================================
 // Calendar
+// Media Queries
 
+// scss-lint:disable ImportantRule
 // scss-lint:disable NestingDepth
 // scss-lint:disable SelectorDepth
 // scss-lint:disable SelectorFormat
 
 // Calendar
@@ -226,7 +228,27 @@
     td { border-top-width: 0; }
   }
   tr.calendar-minor {
     th,
     td { border-top-style: dotted; }
+  }
+}
+
+// Media Queries
+// ==================================================
+@media only screen and (max-width: 767px) {
+  .calendar-header td { display: block; }
+  .calendar-header-left,
+  .calendar-header-center,
+  .calendar-header-right {
+    text-align: center;
+    width: 100%;
+
+    > * { margin: 0 auto; }
+  }
+  .calendar-header-center {
+    display: none !important;
+    height: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
   }
 }