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.
This commit is contained in:
Glen Davies 2019-08-08 12:16:20 +12:00 committed by GitHub
parent 268c67b6be
commit d41ab4bb02
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 2028 additions and 424 deletions

View file

@ -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,

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff