Skip to content

Commit

Permalink
Update schedule styles
Browse files Browse the repository at this point in the history
The custom properties are stripped out by the CSS sanitization, so fall back to the theme.json values.
Update IDs and category names to the real, production values
  • Loading branch information
ryelle committed Aug 8, 2024
1 parent c77ca7d commit b873095
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 46 deletions.
30 changes: 9 additions & 21 deletions css/includes/schedule.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,27 +22,22 @@ body.single-wcb_session {
/* Specificity hack */

.wordcamp-schedule:not(#hack) {
--wc-schedule--color--background: var(--wp--preset--color--base);
--wc-schedule--color--text: var(--wp--preset--color--contrast);
--wc-schedule--link--color--text: var(--wp--preset--color--accent-2);
--wc-schedule--session--border--color: var(--wp--preset--color--accent-3);

& .wordcamp-schedule__date {
display: none;
}

& a:where(:not(.wp-element-button)) {
color: var(--wc-schedule--link--color--text);
color: var(--wp--preset--color--accent-2);
}

& .wordcamp-schedule__day {
background-color: var(--wc-schedule--color--background);
background-color: var(--wp--preset--color--base);
}

& .wordcamp-schedule__session,
& .wordcamp-schedule__time-slot-header {
padding: 1.5rem;
outline: 1px solid var(--wc-schedule--session--border--color);
outline: 1px solid var(--wp--preset--color--accent-3);
box-shadow: none;
}

Expand All @@ -59,7 +54,7 @@ body.single-wcb_session {

/* Showcase day ID */
/* stylelint-disable-next-line selector-id-pattern */
& #wordcamp-schedule__day-2023-08-26-tracks-all .wordcamp-schedule__column-header {
& #wordcamp-schedule__day-2024-09-18-tracks-47-48-49 .wordcamp-schedule__column-header {
background-color: var(--wp--preset--color--contrast);
outline: 1px solid var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--base);
Expand All @@ -73,7 +68,7 @@ body.single-wcb_session {
& .wordcamp-schedule__session {
font-size: inherit;
position: relative;
background: var(--wc-schedule--color--background);
background: var(--wp--preset--color--base);

& > * {
margin: 0;
Expand All @@ -95,7 +90,7 @@ body.single-wcb_session {
color: var(--wp--preset--color--contrast) !important;

& a:where(:not(.wp-element-button)) {
color: var(--wc-schedule--link--color--text) !important;
color: var(--wp--preset--color--accent-2) !important;
}

&:not(.wcb-favourite-session) .wcb-session-favourite-icon a {
Expand All @@ -121,7 +116,8 @@ body.single-wcb_session {
}
}

&.has-category-lightning {
/* Showcase category */
&.has-category-showcase {
background: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--accent-3);

Expand Down Expand Up @@ -168,10 +164,6 @@ body.single-wcb_session {
}
}

& .has-category-lightning .wordcamp-schedule__session-title {
font-size: 1.1rem;
}

& .wordcamp-schedule__session-speakers a {
position: relative;
z-index: 1;
Expand Down Expand Up @@ -209,16 +201,12 @@ body.single-wcb_session {

/* Showcase day ID */
/* stylelint-disable-next-line selector-id-pattern */
& #wordcamp-schedule__day-2023-08-26-tracks-all .wordcamp-schedule__time-slot-header {
& #wordcamp-schedule__day-2024-09-18-tracks-47-48-49 .wordcamp-schedule__time-slot-header {
background-color: var(--wp--preset--color--contrast);
outline: 1px solid var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--base);
}

& .has-category-lightning .wordcamp-schedule__session-title {
font-size: 1.3125rem;
}

& .wordcamp-schedule__session::before {
display: inline-block;
margin-block-end: 4px;
Expand Down
37 changes: 12 additions & 25 deletions style.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit b873095

Please sign in to comment.