Add new CSS modules: Genre Thumbnails, Upcoming Calendar, Home Screen Section Grids

skins/optional/global/genreThumbnails.css

@@ -0,0 +1,27 @@
+.card[data-type="Genre"] a.cardImageContainer::after {
+  content: attr(aria-label);
+  font-size: 3rem;
+}
+
+.card[data-type="Genre"] {
+  --genre-color: hsl(210 20% 25%);
+}
+
+.card[data-type="Genre"]:nth-child(10n + 1) { --genre-color: hsl(0   55% 35%); }   /* red */
+.card[data-type="Genre"]:nth-child(10n + 2) { --genre-color: hsl(36  60% 35%); }   /* orange */
+.card[data-type="Genre"]:nth-child(10n + 3) { --genre-color: hsl(72  55% 35%); }   /* yellow-green */
+.card[data-type="Genre"]:nth-child(10n + 4) { --genre-color: hsl(108 50% 35%); }   /* green */
+.card[data-type="Genre"]:nth-child(10n + 5) { --genre-color: hsl(144 45% 35%); }   /* teal */
+.card[data-type="Genre"]:nth-child(10n + 6) { --genre-color: hsl(180 50% 35%); }   /* cyan */
+.card[data-type="Genre"]:nth-child(10n + 7) { --genre-color: hsl(216 55% 35%); }   /* blue */
+.card[data-type="Genre"]:nth-child(10n + 8) { --genre-color: hsl(252 50% 38%); }   /* indigo */
+.card[data-type="Genre"]:nth-child(10n + 9) { --genre-color: hsl(288 55% 38%); }   /* purple */
+.card[data-type="Genre"]:nth-child(10n + 10){ --genre-color: hsl(324 55% 38%); }   /* magenta */
+
+.card[data-type="Genre"] a.cardImageContainer {
+  background: var(--genre-color) !important;
+}
+
+.homeSectionsContainer .card[data-type="Genre"] .cardText {
+  visibility: hidden;
+}

skins/optional/global/upcomingCalendar.css

@@ -0,0 +1,13 @@
+div#upcomingItems {
+  display: grid;
+  grid-template-columns: repeat(7, 14.285%);
+}
+
+div#upcomingItems .itemsContainer {
+  display: flex;
+  flex-direction: column;
+}
+
+div#upcomingItems .itemsContainer .card {
+  width: 100%;
+}

skins/optional/global/wrapHomeScrollerItems.css

@@ -0,0 +1,11 @@
+@media all and (min-width: 50em) {
+  .homePage .emby-scroller {
+    margin-right: 0;
+  }
+  .homePage .emby-scrollbuttons {
+    display: none;
+  }
+  .homePage .itemsContainer {
+    flex-wrap: wrap;
+  }
+}