diff --git a/css/includes/people.css b/css/includes/people.css index edec222..1cd8c3c 100644 --- a/css/includes/people.css +++ b/css/includes/people.css @@ -1,6 +1,5 @@ body.page-slug-organizers, -body.page-slug-speakers, -.wcus-speaker-grid { +body.page-slug-speakers { & .wp-block-post-template-is-layout-grid { gap: var(--wp--preset--spacing--40); @@ -18,6 +17,32 @@ body.page-slug-speakers, } } + & .wp-block-post-content { + font-size: var(--wp--preset--font-size--medium); + word-wrap: break-word; + } + + & .wp-block-read-more { + text-decoration: underline; + + &:hover, + &:active { + text-decoration: none; + } + + &:focus { + text-decoration: underline dashed; + } + + & .screen-reader-text, + & ~ * { + display: none; + } + } +} + +body.page-slug-organizers { + & .wp-block-wordcamp-avatar { max-width: 100%; height: auto !important; @@ -41,29 +66,6 @@ body.page-slug-speakers, z-index: -1; } } - - & .wp-block-post-content { - font-size: var(--wp--preset--font-size--medium); - word-wrap: break-word; - } - - & .wp-block-read-more { - text-decoration: underline; - - &:hover, - &:active { - text-decoration: none; - } - - &:focus { - text-decoration: underline dashed; - } - - & .screen-reader-text, - & ~ * { - display: none; - } - } } body.single-wcb_organizer { @@ -73,20 +75,17 @@ body.single-wcb_organizer { } } +body.page-slug-speakers, body.single-wcb_speaker { - & .wp-block-post-content .wp-block-read-more { - display: none; - } - & .wp-block-wordcamp-avatar { max-width: 100%; height: auto !important; - width: auto !important; overflow: hidden; position: relative; & img { + display: block; vertical-align: middle; } diff --git a/style.css b/style.css index b2829c1..838f0d1 100644 --- a/style.css +++ b/style.css @@ -392,25 +392,53 @@ body.home footer.wp-block-template-part .wp-block-group:first-child { max-width: 25ch; } -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post-template-is-layout-grid { +body.page-slug-organizers .wp-block-post-template-is-layout-grid, body.page-slug-speakers .wp-block-post-template-is-layout-grid { gap: var(--wp--preset--spacing--40); } @media (max-width: 960px) { -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post-template-is-layout-grid.columns-4 { +body.page-slug-organizers .wp-block-post-template-is-layout-grid.columns-4, body.page-slug-speakers .wp-block-post-template-is-layout-grid.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 740px) { -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post-template-is-layout-grid.columns-3 { +body.page-slug-organizers .wp-block-post-template-is-layout-grid.columns-3, body.page-slug-speakers .wp-block-post-template-is-layout-grid.columns-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-wordcamp-avatar { +body.page-slug-organizers .wp-block-post-content, body.page-slug-speakers .wp-block-post-content { + font-size: var(--wp--preset--font-size--medium); + word-wrap: break-word; + } + +body.page-slug-organizers .wp-block-read-more, body.page-slug-speakers .wp-block-read-more { + text-decoration: underline; + } + +body.page-slug-organizers .wp-block-read-more:hover, + body.page-slug-speakers .wp-block-read-more:hover, + body.page-slug-organizers .wp-block-read-more:active, + body.page-slug-speakers .wp-block-read-more:active { + text-decoration: none; + } + +body.page-slug-organizers .wp-block-read-more:focus, body.page-slug-speakers .wp-block-read-more:focus { + -webkit-text-decoration: underline dashed; + text-decoration: underline dashed; + } + +body.page-slug-organizers .wp-block-read-more .screen-reader-text, + body.page-slug-speakers .wp-block-read-more .screen-reader-text, + :is(body.page-slug-organizers .wp-block-read-more) ~ *, + :is(body.page-slug-speakers .wp-block-read-more) ~ * { + display: none; + } + +body.page-slug-organizers .wp-block-wordcamp-avatar { max-width: 100%; height: auto !important; width: auto !important; @@ -418,11 +446,11 @@ body.home footer.wp-block-template-part .wp-block-group:first-child { position: relative; } -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-wordcamp-avatar img { +body.page-slug-organizers .wp-block-wordcamp-avatar img { vertical-align: middle; } -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-wordcamp-avatar::before { +body.page-slug-organizers .wp-block-wordcamp-avatar::before { content: ""; background-image: url(https://us.wordcamp.org/2024/files/2024/04/generic.png); background-repeat: no-repeat; @@ -434,51 +462,23 @@ body.home footer.wp-block-template-part .wp-block-group:first-child { z-index: -1; } -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-post-content { - font-size: var(--wp--preset--font-size--medium); - word-wrap: break-word; - } - -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more { - text-decoration: underline; - } - -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more:hover, - :is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more:active { - text-decoration: none; - } - -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more:focus { - -webkit-text-decoration: underline dashed; - text-decoration: underline dashed; - } - -:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more .screen-reader-text, - :is(:is(body.page-slug-organizers,body.page-slug-speakers,.wcus-speaker-grid) .wp-block-read-more) ~ * { - display: none; - } - body.single-wcb_organizer .wp-block-post-content .wp-block-read-more { display: none; } -body.single-wcb_speaker .wp-block-post-content .wp-block-read-more { - display: none; - } - -body.single-wcb_speaker .wp-block-wordcamp-avatar { +body.page-slug-speakers .wp-block-wordcamp-avatar, body.single-wcb_speaker .wp-block-wordcamp-avatar { max-width: 100%; height: auto !important; - width: auto !important; overflow: hidden; position: relative; } -body.single-wcb_speaker .wp-block-wordcamp-avatar img { +body.page-slug-speakers .wp-block-wordcamp-avatar img, body.single-wcb_speaker .wp-block-wordcamp-avatar img { + display: block; vertical-align: middle; } -body.single-wcb_speaker .wp-block-wordcamp-avatar::before { +body.page-slug-speakers .wp-block-wordcamp-avatar::before, body.single-wcb_speaker .wp-block-wordcamp-avatar::before { content: ""; background-image: url(https://us.wordcamp.org/2024/files/2024/04/generic.png); background-repeat: no-repeat; @@ -490,7 +490,7 @@ body.single-wcb_speaker .wp-block-wordcamp-avatar::before { z-index: -1; } -body.single-wcb_speaker .wp-block-wordcamp-avatar.is-style-rounded::before { +body.page-slug-speakers .wp-block-wordcamp-avatar.is-style-rounded::before, body.single-wcb_speaker .wp-block-wordcamp-avatar.is-style-rounded::before { border-radius: 50%; }