Ensure catd text color persists when browser loses focus

Author: mxmason

src/css/components/_c-card-resource.scss

@@ -22,13 +22,19 @@
 		border-left-color: $color-green-shade;
 	}
 
+	&:focus-within > * {
+		color: $color-white;
+	}
+
+
 	// User Queries
 	@media screen and (prefers-reduced-motion: reduce) {
 		transition: none;
 	}
 }
 
 // Color the author link when the title link is focused
+.c-card-resource__title:focus,
 .c-card-resource__title:focus ~ .c-card-resource__meta,
 .c-card-resource__title:focus ~ .c-card-resource__description {
 	color: $color-white;

src/css/components/_c-featured.scss

@@ -17,7 +17,8 @@
 		background-color: $color-white;
 	}
 
-	&:focus-within {
+	&:focus-within,
+	&:focus-within * {
 		color: $color-white;
 	}
 
@@ -53,6 +54,7 @@
 
 
 // Color the author link when the title link is focused
+.c-featured__title:focus,
 .c-featured__title:focus ~ .c-featured__meta,
 .c-featured__title:focus ~ .c-featured__description {
 	color: $color-white;