Show post titles on hover, see #254

WordPress · Feb 17, 2022 · b18c0cc · b18c0cc
1 parent a08208f
commit b18c0cc
Showing 1 changed file with 18 additions and 16 deletions.
diff --git a/source/wp-content/themes/wporg-news-2021/sass/page/front-page/_people-of-wordpress.scss b/source/wp-content/themes/wporg-news-2021/sass/page/front-page/_people-of-wordpress.scss
@@ -56,11 +56,6 @@ body.news-front-page .front__people-of-wordpress {
 			}
 
 			&.has-post-thumbnail {
-				.wp-block-post-title {
-					@include hide-accessibly;
-				}
-
-				// B&W featured image
 				.wp-block-post-featured-image {
 					margin: 0;
 
@@ -70,20 +65,27 @@ body.news-front-page .front__people-of-wordpress {
 						aspect-ratio: 1 / 1;
 					}
 				}
+
+				&:hover,
+				&:focus-within {
+					figure {
+						transition: all 0.3s ease-in-out;
+						background-color: var(--wp--preset--color--blue-1);
+					}
 
-				@include break-small() {
-					&:hover,
-					&:focus-within {
-						figure {
-							transition: all 0.3s ease-in-out;
-							background-color: var(--wp--preset--color--blue-1);
-						}
-
-						img {
-							mix-blend-mode: multiply;
-						}
+					img {
+						mix-blend-mode: multiply;
+					}
+
+					.wp-block-post-title {
+						opacity: 1;
+						transition: opacity 0.3s ease-in-out;
 					}
 				}
+
+				.wp-block-post-title {
+					opacity: 0;
+				}
 			}
 
 			&:not(.has-post-thumbnail) {