diff --git a/css/includes/schedule.css b/css/includes/schedule.css index 9c59418..65fef30 100644 --- a/css/includes/schedule.css +++ b/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"; + } +} diff --git a/style.css b/style.css index ce16576..97eaeac 100644 --- a/style.css +++ b/style.css @@ -890,3 +890,32 @@ body.single-wcb_session .wp-block-post-terms a:hover { display: none; } } + +/* 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; + } + +.wp-block-query .wp-block-post.type-wcb_session.wcb_session_category-keynote::before { + content: "Keynote"; + } + +.wp-block-query .wp-block-post.type-wcb_session.wcb_session_category-showcase::before { + background-color: var(--wp--preset--color--accent-4); + border: 1px solid #b4d9d1; + color: #b4d9d1; + content: "Showcase"; + } + +.wp-block-query .wp-block-post.type-wcb_session.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"; + }