chore: use in all KS common app.css from core demo

Author: nolimits4web

kitchen-sink/core/css/app.css

@@ -628,3 +628,52 @@ code {
 .block .chip {
   margin: 2px 4px 2px 0;
 }
+
+/* Calendar Page */
+#calendar,
+#calendar-events {
+  height: 50%;
+  box-sizing: border-box;
+}
+
+#calendar .calendar {
+  height: 100%;
+}
+
+#calendar-events ul {
+  height: 100%;
+  overflow: auto;
+}
+
+#calendar-events .event-color {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 8px;
+  height: 100%;
+}
+
+@media (orientation: landscape) {
+  #calendar {
+    float: left;
+  }
+
+  #calendar,
+  #calendar-events {
+    height: 100%;
+  }
+
+  #calendar,
+  #calendar-events {
+    width: 50%;
+  }
+
+  #calendar-events {
+    margin-left: 50% !important;
+    border-left: 1px solid #eee;
+  }
+
+  .dark #calendar-events {
+    border-left-color: #282828;
+  }
+}

kitchen-sink/react/src/app.js

@@ -7,7 +7,7 @@ import Framework7React from 'framework7-react';
 import App from './app.jsx';
 
 import 'framework7/css/bundle';
-import './css/app.css';
+import '../../core/css/app.css';
 
 // Demo
 if (document.location.href.includes('safe-areas')) {