Modern Business: Remove Full Site Editing Support (#1384)
This commit is contained in:
parent
b40c5196ea
commit
24dfdbeced
11 changed files with 444 additions and 3084 deletions
|
@ -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 -->
|
||||
|
|
|
@ -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 );
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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 don’t get ignored if a browser doesn’t 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;
|
||||
|
|
|
@ -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
Loading…
Reference in a new issue