Ver Fonte

Keep the dropshadow text if there's a video background too.

Kjell Reigstad há 5 anos atrás
pai
commit
04536ec4a2

+ 3 - 2
maywood/sass/_extra-child-theme.scss

@@ -228,8 +228,9 @@ b, strong {
 		font-weight: 300;
 		font-weight: 300;
 	}
 	}
 
 
-	// Only use a text shadow if there's a background image.
-	&[style*="background-image"] {
+	// Only use a text shadow if there's a background image or video.
+	&[style*="background-image"],
+	video + .wp-block-cover__inner-container {
 		p {
 		p {
 			text-shadow: 0 0 6px map-deep-get($config-global, "color", "black");
 			text-shadow: 0 0 6px map-deep-get($config-global, "color", "black");
 		}
 		}

+ 3 - 2
maywood/sass/style-child-theme-editor.scss

@@ -69,8 +69,9 @@ b, strong {
 		font-weight: 300;
 		font-weight: 300;
 	}
 	}
 
 
-	// Only use a text shadow if there's a background image.
-	&[style*="background-image"] { 
+	// Only use a text shadow if there's a background image or video.
+	&[style*="background-image"],
+	video + .wp-block-cover__inner-container { 
 		p {
 		p {
 			text-shadow: 0 0 6px #000
 			text-shadow: 0 0 6px #000
 		}
 		}

+ 16 - 2
maywood/style-editor.css

@@ -1307,17 +1307,31 @@ b, strong {
 }
 }
 
 
 .wp-block-cover[style*="background-image"] p,
 .wp-block-cover[style*="background-image"] p,
-.wp-block-cover-image[style*="background-image"] p {
+.wp-block-cover video + .wp-block-cover__inner-container p,
+.wp-block-cover-image[style*="background-image"] p,
+.wp-block-cover-image video + .wp-block-cover__inner-container p {
 	text-shadow: 0 0 6px #000;
 	text-shadow: 0 0 6px #000;
 }
 }
 
 
 .wp-block-cover[style*="background-image"] h1, .wp-block-cover[style*="background-image"] h2, .wp-block-cover[style*="background-image"] h3, .wp-block-cover[style*="background-image"] h4, .wp-block-cover[style*="background-image"] h5, .wp-block-cover[style*="background-image"] h6,
 .wp-block-cover[style*="background-image"] h1, .wp-block-cover[style*="background-image"] h2, .wp-block-cover[style*="background-image"] h3, .wp-block-cover[style*="background-image"] h4, .wp-block-cover[style*="background-image"] h5, .wp-block-cover[style*="background-image"] h6,
+.wp-block-cover video + .wp-block-cover__inner-container h1,
+.wp-block-cover video + .wp-block-cover__inner-container h2,
+.wp-block-cover video + .wp-block-cover__inner-container h3,
+.wp-block-cover video + .wp-block-cover__inner-container h4,
+.wp-block-cover video + .wp-block-cover__inner-container h5,
+.wp-block-cover video + .wp-block-cover__inner-container h6,
 .wp-block-cover-image[style*="background-image"] h1,
 .wp-block-cover-image[style*="background-image"] h1,
 .wp-block-cover-image[style*="background-image"] h2,
 .wp-block-cover-image[style*="background-image"] h2,
 .wp-block-cover-image[style*="background-image"] h3,
 .wp-block-cover-image[style*="background-image"] h3,
 .wp-block-cover-image[style*="background-image"] h4,
 .wp-block-cover-image[style*="background-image"] h4,
 .wp-block-cover-image[style*="background-image"] h5,
 .wp-block-cover-image[style*="background-image"] h5,
-.wp-block-cover-image[style*="background-image"] h6 {
+.wp-block-cover-image[style*="background-image"] h6,
+.wp-block-cover-image video + .wp-block-cover__inner-container h1,
+.wp-block-cover-image video + .wp-block-cover__inner-container h2,
+.wp-block-cover-image video + .wp-block-cover__inner-container h3,
+.wp-block-cover-image video + .wp-block-cover__inner-container h4,
+.wp-block-cover-image video + .wp-block-cover__inner-container h5,
+.wp-block-cover-image video + .wp-block-cover__inner-container h6 {
 	font-weight: 300;
 	font-weight: 300;
 	text-shadow: 0 0 12px #000;
 	text-shadow: 0 0 12px #000;
 }
 }

+ 26 - 3
maywood/style-rtl.css

@@ -4175,19 +4175,42 @@ strong {
 	text-align: right;
 	text-align: right;
 }
 }
 
 
+.wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6,
+.wp-block-cover-image h1,
+.wp-block-cover-image h2,
+.wp-block-cover-image h3,
+.wp-block-cover-image h4,
+.wp-block-cover-image h5,
+.wp-block-cover-image h6 {
+	font-weight: 300;
+}
+
 .wp-block-cover[style*="background-image"] p,
 .wp-block-cover[style*="background-image"] p,
-.wp-block-cover-image[style*="background-image"] p {
+.wp-block-cover video + .wp-block-cover__inner-container p,
+.wp-block-cover-image[style*="background-image"] p,
+.wp-block-cover-image video + .wp-block-cover__inner-container p {
 	text-shadow: 0 0 6px black;
 	text-shadow: 0 0 6px black;
 }
 }
 
 
 .wp-block-cover[style*="background-image"] h1, .wp-block-cover[style*="background-image"] h2, .wp-block-cover[style*="background-image"] h3, .wp-block-cover[style*="background-image"] h4, .wp-block-cover[style*="background-image"] h5, .wp-block-cover[style*="background-image"] h6,
 .wp-block-cover[style*="background-image"] h1, .wp-block-cover[style*="background-image"] h2, .wp-block-cover[style*="background-image"] h3, .wp-block-cover[style*="background-image"] h4, .wp-block-cover[style*="background-image"] h5, .wp-block-cover[style*="background-image"] h6,
+.wp-block-cover video + .wp-block-cover__inner-container h1,
+.wp-block-cover video + .wp-block-cover__inner-container h2,
+.wp-block-cover video + .wp-block-cover__inner-container h3,
+.wp-block-cover video + .wp-block-cover__inner-container h4,
+.wp-block-cover video + .wp-block-cover__inner-container h5,
+.wp-block-cover video + .wp-block-cover__inner-container h6,
 .wp-block-cover-image[style*="background-image"] h1,
 .wp-block-cover-image[style*="background-image"] h1,
 .wp-block-cover-image[style*="background-image"] h2,
 .wp-block-cover-image[style*="background-image"] h2,
 .wp-block-cover-image[style*="background-image"] h3,
 .wp-block-cover-image[style*="background-image"] h3,
 .wp-block-cover-image[style*="background-image"] h4,
 .wp-block-cover-image[style*="background-image"] h4,
 .wp-block-cover-image[style*="background-image"] h5,
 .wp-block-cover-image[style*="background-image"] h5,
-.wp-block-cover-image[style*="background-image"] h6 {
-	font-weight: 300;
+.wp-block-cover-image[style*="background-image"] h6,
+.wp-block-cover-image video + .wp-block-cover__inner-container h1,
+.wp-block-cover-image video + .wp-block-cover__inner-container h2,
+.wp-block-cover-image video + .wp-block-cover__inner-container h3,
+.wp-block-cover-image video + .wp-block-cover__inner-container h4,
+.wp-block-cover-image video + .wp-block-cover__inner-container h5,
+.wp-block-cover-image video + .wp-block-cover__inner-container h6 {
 	text-shadow: 0 0 10px black;
 	text-shadow: 0 0 10px black;
 }
 }
 
 

+ 16 - 2
maywood/style.css

@@ -4215,17 +4215,31 @@ strong {
 }
 }
 
 
 .wp-block-cover[style*="background-image"] p,
 .wp-block-cover[style*="background-image"] p,
-.wp-block-cover-image[style*="background-image"] p {
+.wp-block-cover video + .wp-block-cover__inner-container p,
+.wp-block-cover-image[style*="background-image"] p,
+.wp-block-cover-image video + .wp-block-cover__inner-container p {
 	text-shadow: 0 0 6px black;
 	text-shadow: 0 0 6px black;
 }
 }
 
 
 .wp-block-cover[style*="background-image"] h1, .wp-block-cover[style*="background-image"] h2, .wp-block-cover[style*="background-image"] h3, .wp-block-cover[style*="background-image"] h4, .wp-block-cover[style*="background-image"] h5, .wp-block-cover[style*="background-image"] h6,
 .wp-block-cover[style*="background-image"] h1, .wp-block-cover[style*="background-image"] h2, .wp-block-cover[style*="background-image"] h3, .wp-block-cover[style*="background-image"] h4, .wp-block-cover[style*="background-image"] h5, .wp-block-cover[style*="background-image"] h6,
+.wp-block-cover video + .wp-block-cover__inner-container h1,
+.wp-block-cover video + .wp-block-cover__inner-container h2,
+.wp-block-cover video + .wp-block-cover__inner-container h3,
+.wp-block-cover video + .wp-block-cover__inner-container h4,
+.wp-block-cover video + .wp-block-cover__inner-container h5,
+.wp-block-cover video + .wp-block-cover__inner-container h6,
 .wp-block-cover-image[style*="background-image"] h1,
 .wp-block-cover-image[style*="background-image"] h1,
 .wp-block-cover-image[style*="background-image"] h2,
 .wp-block-cover-image[style*="background-image"] h2,
 .wp-block-cover-image[style*="background-image"] h3,
 .wp-block-cover-image[style*="background-image"] h3,
 .wp-block-cover-image[style*="background-image"] h4,
 .wp-block-cover-image[style*="background-image"] h4,
 .wp-block-cover-image[style*="background-image"] h5,
 .wp-block-cover-image[style*="background-image"] h5,
-.wp-block-cover-image[style*="background-image"] h6 {
+.wp-block-cover-image[style*="background-image"] h6,
+.wp-block-cover-image video + .wp-block-cover__inner-container h1,
+.wp-block-cover-image video + .wp-block-cover__inner-container h2,
+.wp-block-cover-image video + .wp-block-cover__inner-container h3,
+.wp-block-cover-image video + .wp-block-cover__inner-container h4,
+.wp-block-cover-image video + .wp-block-cover__inner-container h5,
+.wp-block-cover-image video + .wp-block-cover__inner-container h6 {
 	text-shadow: 0 0 10px black;
 	text-shadow: 0 0 10px black;
 }
 }