浏览代码

Make template parts full width without showing full width controls

Noah Allen 6 年之前
父节点
当前提交
2ea5005310
共有 2 个文件被更改,包括 6 次插入13 次删除
  1. 3 11
      modern-business/style-editor.css
  2. 3 2
      modern-business/style-editor.scss

+ 3 - 11
modern-business/style-editor.css

@@ -811,14 +811,14 @@ body {
   font-weight: 300;
   font-weight: 300;
 }
 }
 
 
+body .wp-block[data-type="a8c/template"],
 body .wp-block[data-align="full"] {
 body .wp-block[data-align="full"] {
   width: 100%;
   width: 100%;
 }
 }
 
 
 @media only screen and (min-width: 600px) {
 @media only screen and (min-width: 600px) {
-  
+  body .wp-block[data-type="a8c/template"],
   body .wp-block[data-align="full"],
   body .wp-block[data-align="full"],
-  body .wp-block[data-type="a8c/template"] .wp-block[data-align="full"],
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
     width: calc( 100% + 90px);
     width: calc( 100% + 90px);
     max-width: calc( 100% + 90px);
     max-width: calc( 100% + 90px);
@@ -832,13 +832,11 @@ body .wp-block[data-align="full"] {
   }
   }
   
   
   body .wp-block[data-align="wide"],
   body .wp-block[data-align="wide"],
-  body .wp-block[data-type="a8c/template"] .wp-block[data-align="wide"],
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="wide"] {
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="wide"] {
     width: 100%;
     width: 100%;
   }
   }
-  
+  body .wp-block[data-type="a8c/template"],
   body .wp-block[data-align="full"],
   body .wp-block[data-align="full"],
-  body .wp-block[data-type="a8c/template"] .wp-block[data-align="full"],
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="full"] {
     position: relative;
     position: relative;
     left: calc( -12.5% - 14px);
     left: calc( -12.5% - 14px);
@@ -847,7 +845,6 @@ body .wp-block[data-align="full"] {
   }
   }
   
   
   body .wp-block[data-align="right"],
   body .wp-block[data-align="right"],
-  body .wp-block[data-type="a8c/template"] .wp-block[data-align="right"],
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="right"] {
   body .wp-block[data-type="a8c/post-content"] .wp-block[data-align="right"] {
     max-width: 125%;
     max-width: 125%;
   }
   }
@@ -856,7 +853,6 @@ body .wp-block[data-align="full"] {
 /** === Content Width === */
 /** === Content Width === */
 
 
 .wp-block,
 .wp-block,
-.wp-block[data-type="a8c/template"] .wp-block,
 .wp-block[data-type="a8c/post-content"] .wp-block {
 .wp-block[data-type="a8c/post-content"] .wp-block {
   width: calc(100vw - (2 * 1rem));
   width: calc(100vw - (2 * 1rem));
   max-width: 100%;
   max-width: 100%;
@@ -865,7 +861,6 @@ body .wp-block[data-align="full"] {
 @media only screen and (min-width: 768px) {
 @media only screen and (min-width: 768px) {
   
   
   .wp-block,
   .wp-block,
-  .wp-block[data-type="a8c/template"] .wp-block,
   .wp-block[data-type="a8c/post-content"] .wp-block {
   .wp-block[data-type="a8c/post-content"] .wp-block {
     width: calc(8 * (100vw / 12));
     width: calc(8 * (100vw / 12));
   }
   }
@@ -874,7 +869,6 @@ body .wp-block[data-align="full"] {
 @media only screen and (min-width: 1168px) {
 @media only screen and (min-width: 1168px) {
   
   
   .wp-block,
   .wp-block,
-  .wp-block[data-type="a8c/template"] .wp-block,
   .wp-block[data-type="a8c/post-content"] .wp-block {
   .wp-block[data-type="a8c/post-content"] .wp-block {
     width: calc(6 * (100vw / 12 ));
     width: calc(6 * (100vw / 12 ));
   }
   }
@@ -882,13 +876,11 @@ body .wp-block[data-align="full"] {
 
 
 
 
 .wp-block .wp-block,
 .wp-block .wp-block,
-.wp-block[data-type="a8c/template"] .wp-block .wp-block,
 .wp-block[data-type="a8c/post-content"] .wp-block .wp-block {
 .wp-block[data-type="a8c/post-content"] .wp-block .wp-block {
   width: 100%;
   width: 100%;
 }
 }
 
 
 /** === FSE Template Part Blocks === */
 /** === FSE Template Part Blocks === */
-.wp-block[data-type="a8c/template"],
 .wp-block[data-type="a8c/post-content"] {
 .wp-block[data-type="a8c/post-content"] {
   width: 100%;
   width: 100%;
 }
 }

+ 3 - 2
modern-business/style-editor.scss

@@ -28,7 +28,6 @@ Modern Business Editor Styles
 
 
 	@return "
 	@return "
 	  #{$main-block-selector},
 	  #{$main-block-selector},
-	  .wp-block[data-type=\"a8c/template\"] #{$main-block-selector},
 	  .wp-block[data-type=\"a8c/post-content\"] #{$main-block-selector}";
 	  .wp-block[data-type=\"a8c/post-content\"] #{$main-block-selector}";
 }
 }
 
 
@@ -37,12 +36,14 @@ Modern Business Editor Styles
 body {
 body {
 	font-weight: 300;
 	font-weight: 300;
 
 
+	.wp-block[data-type="a8c/template"],
 	.wp-block[data-align="full"] {
 	.wp-block[data-align="full"] {
 		width: 100%;
 		width: 100%;
 	}
 	}
 
 
 	@include media(mobile) {
 	@include media(mobile) {
 
 
+		.wp-block[data-type="a8c/template"],
 		#{get-block-selector("full")} {
 		#{get-block-selector("full")} {
 			width: calc( 100% + 90px );
 			width: calc( 100% + 90px );
 			max-width: calc( 100% + 90px );
 			max-width: calc( 100% + 90px );
@@ -60,6 +61,7 @@ body {
 			width: 100%;
 			width: 100%;
 		}
 		}
 
 
+		.wp-block[data-type="a8c/template"],
 		#{get-block-selector("full")} {
 		#{get-block-selector("full")} {
 			position: relative;
 			position: relative;
 			left: calc( -12.5% - 14px );
 			left: calc( -12.5% - 14px );
@@ -94,7 +96,6 @@ body {
 }
 }
 
 
 /** === FSE Template Part Blocks === */
 /** === FSE Template Part Blocks === */
-.wp-block[data-type="a8c/template"],
 .wp-block[data-type="a8c/post-content"] {
 .wp-block[data-type="a8c/post-content"] {
 	width: 100%;
 	width: 100%;
 }
 }