Sessions list: Add keynote, showcase, and campfire labels to sessions

css/includes/schedule.css

@@ -17,7 +17,6 @@ body.single-wcb_session {
 			}
 		}
 	}
-
 }
 
 /* Specificity hack */
@@ -315,3 +314,35 @@ body.single-wcb_session {
 		}
 	}
 }
+
+/* Session query loop on sessions page */
+
+.wp-block-query .wp-block-post.type-wcb_session {
+
+	&::before {
+		display: inline-block;
+		margin-block-end: 0.5rem;
+		padding: 0 10px;
+		background: var(--wp--preset--color--accent-3);
+		border: 1px solid var(--wp--preset--color--contrast);
+		font-size: 1em;
+	}
+
+	&.wcb_session_category-keynote::before {
+		content: "Keynote";
+	}
+
+	&.wcb_session_category-showcase::before {
+		background-color: var(--wp--preset--color--accent-4);
+		border: 1px solid #b4d9d1;
+		color: #b4d9d1;
+		content: "Showcase";
+	}
+
+	&.wcb_session_category-campfire::before {
+		background-color: var(--wp--preset--color--base);
+		border: 1px solid var(--wp--preset--color--accent-5);
+		color: var(--wp--preset--color--accent-5);
+		content: "Campfire";
+	}
+}