calendar2: new mini calendar styling

fixes CNVS-8661

test plan:
  * open calendar 2
  * verify that mini calendar styling matches mockup

Change-Id: I78ee1ba0cb84fd2a1de7442b1817ec79182a9da5
Reviewed-on: https://gerrit.instructure.com/25182
Tested-by: Jenkins <jenkins@instructure.com>
QA-Review: Matt Fairbourn <mfairbourn@instructure.com>
Reviewed-by: Jon Willesen <jonw@instructure.com>
Product-Review: Braden Anderson <banderson@instructure.com>

app/stylesheets/agenda_view.scss

@@ -1,3 +1,5 @@
+@import 'agenda_view_minical';
+
 .agenda-wrapper {
   display: none;
 

app/stylesheets/agenda_view_minical.scss

@@ -0,0 +1,62 @@
+#minical {
+  background-color: #fff;
+  text-shadow: none;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+
+  .fc-header {
+    background: none;
+    border-top: none;
+    color: #666;
+    text-shadow: none;
+    border-bottom: 1px solid #ccc;
+    h2, .h2 {
+      color: #666;
+    }
+  }
+
+  thead {
+    display: none;
+  }
+
+  .fc-content {
+    padding: 6px;
+    table {
+      border-spacing: 8px 2px;
+    }
+  }
+
+  .fc-widget-content {
+    background: none;
+    background-radius: 3px;
+    border-radius: 3px;
+    border: 1px solid #fff;
+    div {
+      min-height: 0 !important;
+    }
+  }
+
+  .fc-day-number {
+    line-height: 20px;
+  }
+
+  .fc-other-month {
+    background-image: none;
+  }
+
+  .fc-state-highlight {
+    background: none;
+    color: #666;
+    border-color: #fa0;
+    font-weight: bold;
+    box-shadow: none;
+    text-shadow: none;
+  }
+
+  .event {
+    background-color: #e4e8ed;
+    .fc-day-content {
+      display:none;
+    }
+  }
+}