Преглед изворни кода

Incorporate template selector into fse block selector function

Noah Allen пре 6 година
родитељ
комит
7797c61a20
2 измењених фајлова са 10 додато и 7 уклоњено
  1. 4 3
      friendly-business/style-editor.css
  2. 6 4
      friendly-business/style-editor.scss

+ 4 - 3
friendly-business/style-editor.css

@@ -863,14 +863,14 @@ body {
   background: #fffdf6;
 }
 
-body .wp-block[data-type="a8c/template"],
 body .wp-block[data-align="full"] {
   width: 100%;
 }
 
 @media only screen and (min-width: 600px) {
-  body .wp-block[data-type="a8c/template"],
+  
   body .wp-block[data-align="full"],
+  body .wp-block[data-type="a8c/template"],
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
     width: calc( 100% + 90px);
     max-width: calc( 100% + 90px);
@@ -893,8 +893,9 @@ body .wp-block[data-align="full"] {
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="wide"] {
     width: 100%;
   }
-  body .wp-block[data-type="a8c/template"],
+  
   body .wp-block[data-align="full"],
+  body .wp-block[data-type="a8c/template"],
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
     position: relative;
     left: calc( -12.5% - 14px);

+ 6 - 4
friendly-business/style-editor.scss

@@ -26,8 +26,14 @@ Friendly Business Editor Styles
 		$main-block-selector: ".wp-block[data-align=\"#{$alignment}\"]";
 	}
 
+	$template-selector: "";
+	@if $alignment == "full" {
+		$template-selector: ".wp-block[data-type=\"a8c/template\"],";
+	}
+
 	@return "
 	  #{$main-block-selector},
+	  #{$template-selector}
 	  .wp-block[data-type=\"a8c/post-content\"] #{$main-block-selector}";
 }
 
@@ -36,13 +42,11 @@ Friendly Business Editor Styles
 body {
 	background: $color__background-body;
 
-	.wp-block[data-type="a8c/template"],
 	.wp-block[data-align="full"] {
 		width: 100%;
 	}
 
 	@include media(mobile) {
-		.wp-block[data-type="a8c/template"],
 		#{get-block-selector("full")} {
 			width: calc( 100% + 90px );
 			max-width: calc( 100% + 90px );
@@ -67,7 +71,6 @@ body {
 			width: 100%;
 		}
 
-		.wp-block[data-type="a8c/template"],
 		#{get-block-selector("full")} {
 			position: relative;
 			left: calc( -12.5% - 14px );
@@ -111,7 +114,6 @@ body {
 	width: 100%;
 }
 
-
 /** === Base Typography === */
 
 body {