浏览代码

Modern Business Full Site Editing - add FSE classes for header and footer (#1211)

* Modern Business  - Full Site Editing - Add  `.fse-enabled` selectors to block css for header and footer if FSE is enabled in order to apply the correct front end block styles to the FSE header and footer content.
Glen Davies 6 年之前
父节点
当前提交
d41ab4bb02
共有 3 个文件被更改,包括 824 次插入216 次删除
  1. 12 4
      modern-business/sass/blocks/_blocks.scss
  2. 406 106
      modern-business/style-rtl.css
  3. 406 106
      modern-business/style.css

+ 12 - 4
modern-business/sass/blocks/_blocks.scss

@@ -1,7 +1,9 @@
 /* !Block styles */
 
 .entry .entry-content > *,
-.entry .entry-summary > * {
+.entry .entry-summary > *, 
+.fse-enabled .site-header > *,
+.fse-enabled .site-footer > * {
 	margin: $size__vertical-spacing-unit 0;
 	max-width: 100%;
 
@@ -96,7 +98,9 @@
 /*
  * Make sure the first block has margin-top: 0
  */
-.entry:not(.has-post-thumbnail) .entry-content > :first-child {
+.entry:not(.has-post-thumbnail) .entry-content > :first-child,
+.fse-enabled .site-header > :first-child,
+.fse-enabled .site-footer > :first-child {
 	margin-top: 0;
 }
 
@@ -106,7 +110,9 @@
  * - helps with plugin compatibility
  */
 .entry .entry-content,
-.entry .entry-summary {
+.entry .entry-summary,
+.fse-enabled .site-header,
+.fse-enabled .site-footer {
 
 	.entry-content,
 	.entry-summary,
@@ -123,7 +129,9 @@
 	}
 }
 
-.entry .entry-content {
+.entry .entry-content,
+.fse-enabled .site-header,
+.fse-enabled .site-footer {
 
 	//! Headers
 	& > h1,

文件差异内容过多而无法显示
+ 406 - 106
modern-business/style-rtl.css


文件差异内容过多而无法显示
+ 406 - 106
modern-business/style.css


部分文件因为文件数量过多而无法显示