Modern Business: Remove Full Site Editing Support (#1384)

This commit is contained in:
Jacopo Tomasone 2019-09-06 18:55:20 +01:00 committed by GitHub
parent b40c5196ea
commit 24dfdbeced
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 444 additions and 3084 deletions

View file

@ -20,14 +20,7 @@
</div><!-- #content -->
<footer id="colophon" class="site-footer">
<?php
if ( class_exists( 'A8C\FSE\WP_Template' ) ) {
$template = new A8C\FSE\WP_Template();
$template->output_template_content( A8C\FSE\WP_Template::FOOTER );
} else {
get_template_part( 'template-parts/footer/footer', 'widgets' );
}
?>
<?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
<div class="site-info">
<?php $blog_info = get_bloginfo( 'name' ); ?>
@ -43,29 +36,26 @@
?>
</a>
<?php if ( !class_exists( 'A8C\FSE\WP_Template' ) ) : ?>
<?php
if ( function_exists( 'the_privacy_policy_link' ) ) {
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
}
?>
<?php if ( has_nav_menu( 'footer' ) ) : ?>
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'footer',
'menu_class' => 'footer-menu',
'depth' => 1,
)
);
?>
</nav><!-- .footer-navigation -->
<?php endif; ?>
<?php
if ( function_exists( 'the_privacy_policy_link' ) ) {
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
}
?>
<?php if ( has_nav_menu( 'footer' ) ) : ?>
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
<?php
wp_nav_menu(
array(
'theme_location' => 'footer',
'menu_class' => 'footer-menu',
'depth' => 1,
)
);
?>
</nav><!-- .footer-navigation -->
<?php endif; ?>
</div><!-- .site-info -->
</footer><!-- #colophon -->

View file

@ -63,9 +63,6 @@ if ( ! function_exists( 'modern_business_setup' ) ) :
),
)
);
// Enable Full Site Editing
add_theme_support( 'full-site-editing');
}
endif; // modern_business_setup
add_action( 'after_setup_theme', 'modern_business_setup', 30 );

View file

@ -24,20 +24,6 @@
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
<?php // If FSE plugin is active, use Header template for content. ?>
<?php if( class_exists( 'A8C\FSE\WP_Template' ) ) : ?>
<header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
<?php
$template = new A8C\FSE\WP_Template();
$template->output_template_content( A8C\FSE\WP_Template::HEADER );
?>
</header>
<?php endif; ?>
<?php // Otherwise we'll fall back to default Twenty Nineteen header below. ?>
<?php if( ! class_exists( 'A8C\FSE\WP_Template' ) ) : ?>
<header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
<div class="site-branding-container">
<?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
@ -62,6 +48,5 @@
</div>
<?php endif; ?>
</header><!-- #masthead -->
<?php endif; ?>
<div id="content" class="site-content">

View file

@ -1,8 +1,7 @@
/* !Block styles */
.entry .entry-content > *,
.entry .entry-summary > *,
.fse-enabled .site-header > * {
.entry .entry-summary > * {
margin: $size__vertical-spacing-unit 0;
max-width: 100%;
@ -97,9 +96,7 @@
/*
* Make sure the first block has margin-top: 0
*/
.entry:not(.has-post-thumbnail) .entry-content > :first-child,
.fse-enabled .site-header > :first-child,
.fse-enabled .site-footer > :first-child {
.entry:not(.has-post-thumbnail) .entry-content > :first-child {
margin-top: 0;
}
@ -126,9 +123,7 @@
}
}
.entry .entry-content,
.fse-enabled .site-header,
.fse-enabled .site-footer {
.entry .entry-content {
//! Headers
& > h1,
@ -1264,35 +1259,3 @@
}
}
}
.fse-enabled .site-footer {
padding: $size__spacing-unit $size__vertical-spacing-unit;
@include media(tablet) {
padding: $size__spacing-unit 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: $size__vertical-spacing-unit 0;
text-align: left;
}
.wp-block-button, p {
margin: 15px 0;
}
.wp-block-separator {
margin: 16px 0;
}
&#colophon .site-info {
text-align: left;
margin: 0;
}
}

View file

@ -1,73 +0,0 @@
.a8c-template-editor, .template-block {
&.site-branding, &.site-footer {
margin: 0;
}
.wp-block[data-align='full'] {
left: calc( -12.5% - 12px );
max-width: calc( 125% + 114px );
width: calc( 125% + 114px );
}
.template__site-logo .components-placeholder.block-editor-media-placeholder {
margin: 0 auto;
max-width: 380px;
}
.wp-block-a8c-site-description {
color: $color__text-main;
font-size: $font__size-xs;
font-weight: 300;
// Line height rounded up from the description text-size set in style.css.
// It needs to be a bit larger to prevent text from getting cropped on top.
line-height: 0.8em;
margin: 0;
order: 1;
text-align: center;
}
[data-type='a8c/site-description'] [data-block] {
margin-bottom: 32px;
}
.wp-block-a8c-site-title {
text-align: center;
}
[data-type='a8c/site-title'] [data-block] {
margin: 32px 0;
}
.wp-block-a8c-navigation-menu {
a {
text-decoration: none;
}
}
&.site-header .wp-block-a8c-navigation-menu {
text-align: center;
}
&.site-footer .wp-block-a8c-navigation-menu {
text-align: left;
}
&.site-footer {
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: left;
}
.wp-block-separator {
margin: 16px 0;
}
.wp-block-a8c-navigation-menu {
margin-top: 0.6rem;
}
}
}
.template-block .site-header {
margin-bottom: 2rem;
}

View file

@ -6,11 +6,6 @@
margin-top: #{0.6 * $size__spacing-unit};
order: 3;
body.fse-enabled & {
// With FSE, we want the placement of the nav menu to be set in gutenberg:
order: initial;
}
body.page & {
display: block;
}

View file

@ -24,18 +24,6 @@
margin-bottom: 2rem;
}
}
.fse-site-logo {
margin-bottom: 0;
img {
margin-left: auto;
margin-right: auto;
}
}
}
.fse-enabled .site-header .wp-block-image.alignfull {
max-width: inherit;
}
// Site branding

View file

@ -12,740 +12,6 @@ Modern Business Editor Styles
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
.site-header {
padding: 1em;
text-align: center;
}
.site-header.featured-image {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 90vh;
}
.site-header.featured-image .site-branding-container {
margin-bottom: auto;
}
@media only screen and (min-width: 768px) {
.site-header {
margin: 0;
padding: 2rem 0;
}
.site-header.featured-image {
min-height: 100vh;
margin-bottom: 2rem;
}
}
.site-header .fse-site-logo {
margin-bottom: 0;
}
.site-header .fse-site-logo img {
margin-left: auto;
margin-right: auto;
}
.fse-enabled .site-header .wp-block-image.alignfull {
max-width: inherit;
}
.site-branding {
color: #686868;
display: flex;
flex-direction: column;
text-align: center;
}
@media only screen and (min-width: 768px) {
.site-branding {
margin: 0 calc(10% + 60px);
}
}
.site-logo {
order: 2;
text-align: center;
}
.site-logo .custom-logo-link {
display: inline-block;
}
.site-logo .custom-logo-link .custom-logo {
max-height: 50px;
vertical-align: top;
width: auto;
}
@media only screen and (min-width: 768px) {
.site-logo .custom-logo-link .custom-logo {
max-height: 64px;
}
}
.site-logo + .site-title,
.featured-image .site-logo + .site-title {
margin-top: 0.5rem;
}
.site-title {
color: #181818;
margin: 0;
order: 2;
/* When there is no description set, make sure navigation appears below title. */
}
.site-title a {
color: #181818;
}
.site-title a:link, .site-title a:visited {
color: #181818;
}
.site-title a:hover {
color: #4a4a4a;
}
.featured-image .site-title {
margin: 0;
}
.site-title + .main-navigation {
display: block;
}
.site-title:not(:empty) + .site-description:not(:empty):before {
margin: 0 0.2em;
}
.site-description {
color: #181818;
font-size: 0.71111em;
font-weight: 300;
margin: 0 0 calc(0.5 * 1rem);
order: 1;
}
/* Site footer */
.site-footer {
padding: 1em 0;
color: #686868;
display: flex;
flex-direction: column;
text-align: left;
}
@media only screen and (min-width: 768px) {
.site-footer {
margin: 0 calc(10% + 60px);
}
}
.site-footer .wp-block-separator {
margin: 0 0 1em;
background-color: #686868;
border: 0;
height: 1px;
}
#colophon .widget-area,
#colophon .site-info {
margin: calc(2 * 1rem) 1rem;
}
@media only screen and (min-width: 768px) {
#colophon .widget-area,
#colophon .site-info {
margin: 0 calc(10% + 60px);
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
#colophon .widget-area,
#colophon .site-info {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
#colophon .widget-column {
display: flex;
flex-wrap: wrap;
}
#colophon .widget-column .widget {
width: 100%;
}
@media only screen and (min-width: 1168px) {
#colophon .widget-column .widget {
margin-right: calc(3 * 1rem);
width: calc(50% - (3 * 1rem));
}
}
#colophon .site-info {
color: #686868;
font-weight: 300;
}
@media only screen and (min-width: 768px) {
#colophon .site-info {
max-width: calc(8 * (100vw / 12) - 28px);
}
}
@media only screen and (min-width: 1168px) {
#colophon .site-info {
max-width: calc(6 * (100vw / 12) - 28px);
}
}
#colophon .site-info a {
color: inherit;
}
#colophon .site-info a:hover {
text-decoration: none;
color: #c43d80;
}
#colophon .site-info .imprint,
#colophon .site-info .privacy-policy-link {
margin-right: 1rem;
}
/** === Main menu === */
.main-navigation {
display: block;
font-size: 0.88889em;
margin-top: 0.6rem;
order: 3;
/* Un-style buttons */
/*
* Sub-menu styles
*
* :focus-within needs its own selector so other similar
* selectors dont get ignored if a browser doesnt recognize it
*/
/**
* Fade-in animation for top-level submenus
*/
/**
* Off-canvas touch device styles
*/
}
body.fse-enabled .main-navigation {
order: initial;
}
body.page .main-navigation {
display: block;
}
.main-navigation > div {
display: inline;
}
.main-navigation button {
display: inline-block;
border: none;
padding: 0;
margin: 0;
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
background: transparent;
color: inherit;
cursor: pointer;
transition: background 250ms ease-in-out, transform 150ms ease;
-webkit-appearance: none;
-moz-appearance: none;
}
.main-navigation button:hover, .main-navigation button:focus {
background: transparent;
}
.main-navigation button:focus {
outline: 1px solid transparent;
outline-offset: -4px;
}
.main-navigation button:active {
transform: scale(0.99);
}
.main-navigation .main-menu {
display: inline-block;
margin: 0;
padding: 0;
}
.main-navigation .main-menu > li {
color: #c43d80;
display: inline;
position: relative;
}
.main-navigation .main-menu > li > a {
font-weight: 700;
color: #c43d80;
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a + svg {
margin-right: 0.5rem;
}
.main-navigation .main-menu > li > a:hover,
.main-navigation .main-menu > li > a:hover + svg {
color: #9e3067;
}
.main-navigation .main-menu > li.menu-item-has-children {
display: inline-block;
position: inherit;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu > li.menu-item-has-children {
position: relative;
}
}
.main-navigation .main-menu > li.menu-item-has-children > a {
margin-right: 0.125rem;
}
.main-navigation .main-menu > li.menu-item-has-children > a:after,
.main-navigation .main-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "";
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
margin-right: 0.25rem;
/* Priority+ Menu */
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
position: relative;
height: 24px;
line-height: 1.2;
width: 24px;
padding: 0;
margin-left: 0.5rem;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
height: 24px;
width: 24px;
top: -0.125rem;
vertical-align: text-bottom;
}
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
display: none;
}
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
position: relative;
top: 0.2rem;
}
.main-navigation .main-menu > li:last-child > a,
.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .default-menu > li > a {
margin-right: 1rem;
}
.main-navigation .default-menu > li.menu-item-has-children > a {
margin-right: 1rem;
}
.main-navigation .default-menu > li:last-child > a,
.main-navigation .default-menu > li:last-child.menu-item-has-children .submenu-expand {
margin-right: 0;
}
.main-navigation .sub-menu {
background-color: #c43d80;
color: #fff;
list-style: none;
padding-left: 0;
position: absolute;
opacity: 0;
left: -9999px;
z-index: 99999;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu {
width: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
}
}
.main-navigation .sub-menu > li {
display: block;
float: none;
position: relative;
text-align: left;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
display: inline-block;
position: absolute;
width: calc( 24px + 1rem);
right: 0;
top: calc( .125 * 1rem);
bottom: 0;
color: white;
line-height: 1;
padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
top: 0;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
content: "\203a";
}
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return {
color: #fff;
display: block;
line-height: 1.2;
text-shadow: none;
padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
white-space: nowrap;
}
.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
.main-navigation .sub-menu > li > .menu-item-link-return:focus {
background: #9e3067;
}
.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
background: #9e3067;
}
.main-navigation .sub-menu > li > .menu-item-link-return {
width: 100%;
font-size: 22px;
font-weight: normal;
text-align: left;
}
.main-navigation .sub-menu > li > a:empty {
display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
display: none;
font-size: 0.88889em;
font-weight: normal;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
position: relative;
top: 0.2rem;
margin-right: calc( .25 * 1rem);
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
display: block;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
right: 0;
left: auto;
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: normal;
content: " " counters(submenu, " ", none);
counter-increment: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
left: 0;
margin-top: 0;
opacity: 1;
width: auto;
min-width: 100%;
/* Non-mobile position */
/* Nested sub-menu dashes */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
display: block;
float: none;
margin-top: 0;
opacity: 1;
position: absolute;
left: 0;
right: auto;
top: auto;
bottom: auto;
height: auto;
min-width: -moz-max-content;
min-width: -webkit-max-content;
min-width: max-content;
transform: none;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
left: 0;
width: 100%;
display: table;
position: absolute;
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
right: 0;
left: auto;
display: table;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
display: none;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
display: block;
margin-top: inherit;
position: relative;
width: 100%;
left: 0;
opacity: 1;
/* Non-mobile position */
}
@media only screen and (min-width: 768px) {
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
float: none;
max-width: 100%;
}
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
counter-reset: submenu;
}
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-weight: normal;
content: " " counters(submenu, " ", none);
counter-increment: submenu;
}
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
animation: fade_in 0.1s forwards;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
transform: rotate(270deg);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
opacity: 0;
position: absolute;
z-index: 0;
transform: translateX(-100%);
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
background-color: transparent;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > a,
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
white-space: inherit;
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
display: table;
margin-top: 0;
opacity: 1;
padding-left: 0;
/* Mobile position */
left: 0;
top: 0;
right: 0;
bottom: 0;
position: fixed;
z-index: 100000;
/* Make sure appears above mobile admin bar */
width: 100vw;
height: 100vh;
max-width: 100vw;
transform: translateX(100%);
animation: slide_in_right 0.3s forwards;
/* Prevent menu from being blocked by admin bar */
}
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
display: block;
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 46px;
height: calc( 100vh - 46px);
/* WP core breakpoint */
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
@media only screen and (min-width: 782px) {
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
top: 32px;
height: calc( 100vh - 32px);
}
.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
top: 0;
}
}
.main-navigation .main-menu-more:nth-child(n+3) {
display: none;
}
/* Menu animation */
@keyframes slide_in_right {
100% {
transform: translateX(0%);
}
}
@keyframes fade_in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.author-description .author-link,
.comment-metadata,
.comment-reply-link,
@ -894,81 +160,6 @@ blockquote {
}
}
.a8c-template-editor.site-branding, .a8c-template-editor.site-footer, .template-block.site-branding, .template-block.site-footer {
margin: 0;
}
.a8c-template-editor .wp-block[data-align='full'], .template-block .wp-block[data-align='full'] {
left: calc( -12.5% - 12px);
max-width: calc( 125% + 114px);
width: calc( 125% + 114px);
}
.a8c-template-editor .template__site-logo .components-placeholder.block-editor-media-placeholder, .template-block .template__site-logo .components-placeholder.block-editor-media-placeholder {
margin: 0 auto;
max-width: 380px;
}
.a8c-template-editor .wp-block-a8c-site-description, .template-block .wp-block-a8c-site-description {
color: #181818;
font-size: 0.71111em;
font-weight: 300;
line-height: 0.8em;
margin: 0;
order: 1;
text-align: center;
}
.a8c-template-editor [data-type='a8c/site-description'] [data-block], .template-block [data-type='a8c/site-description'] [data-block] {
margin-bottom: 32px;
}
.a8c-template-editor .wp-block-a8c-site-title, .template-block .wp-block-a8c-site-title {
text-align: center;
}
.a8c-template-editor [data-type='a8c/site-title'] [data-block], .template-block [data-type='a8c/site-title'] [data-block] {
margin: 32px 0;
}
.a8c-template-editor .wp-block-a8c-navigation-menu a, .template-block .wp-block-a8c-navigation-menu a {
text-decoration: none;
}
.a8c-template-editor.site-header .wp-block-a8c-navigation-menu, .template-block.site-header .wp-block-a8c-navigation-menu {
text-align: center;
}
.a8c-template-editor.site-footer .wp-block-a8c-navigation-menu, .template-block.site-footer .wp-block-a8c-navigation-menu {
text-align: left;
}
.a8c-template-editor.site-footer h1,
.a8c-template-editor.site-footer h2,
.a8c-template-editor.site-footer h3,
.a8c-template-editor.site-footer h4,
.a8c-template-editor.site-footer h5,
.a8c-template-editor.site-footer h6, .template-block.site-footer h1,
.template-block.site-footer h2,
.template-block.site-footer h3,
.template-block.site-footer h4,
.template-block.site-footer h5,
.template-block.site-footer h6 {
text-align: left;
}
.a8c-template-editor.site-footer .wp-block-separator, .template-block.site-footer .wp-block-separator {
margin: 16px 0;
}
.a8c-template-editor.site-footer .wp-block-a8c-navigation-menu, .template-block.site-footer .wp-block-a8c-navigation-menu {
margin-top: 0.6rem;
}
.template-block .site-header {
margin-bottom: 2rem;
}
/** === Helper Functions === */
/**
Given a string, $alignment, returns the nested FSE block selectors
@ -1036,11 +227,6 @@ body .wp-block[data-align="full"] {
width: 100%;
}
/** === FSE Template Blocks === */
.wp-block.post-content__block {
width: 100%;
}
/** === Base Typography === */
body {
font-size: 22px;

View file

@ -6,11 +6,7 @@ Modern Business Editor Styles
@import "sass/variables-site/variables-site";
@import "sass/mixins/mixins-master";
@import "sass/site/header/site-header";
@import "sass/site/footer/site-footer";
@import "sass/navigation/menu-main-navigation";
@import "sass/typography/headings";
@import "sass/blocks/template-block";
/** === Helper Functions === */
@ -94,11 +90,6 @@ body {
}
}
/** === FSE Template Blocks === */
.wp-block.post-content__block {
width: 100%;
}
/** === Base Typography === */
body {

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff