Merge branch 'master' into add/varia-cookies-banner
This commit is contained in:
Allan Cole
GitHub
commit
58334088f0
28 changed files with 806 additions and 3120 deletions
207
mayland/inc/headstart/en.json
Normal file
207
mayland/inc/headstart/en.json
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -2,7 +2,7 @@
|
|||
# This file is distributed under the GNU General Public License v2 or later.
|
||||
msgid ""
|
||||
msgstr ""
|
||||
"Project-Id-Version: Maywood 1.1.0\n"
|
||||
"Project-Id-Version: Maywood 1.1.1\n"
|
||||
"Report-Msgid-Bugs-To: http://wordpress.org/support/theme/maywood\n"
|
||||
"POT-Creation-Date: 2019-08-28 16:20:11+00:00\n"
|
||||
"MIME-Version: 1.0\n"
|
||||
|
|
|
|||
|
|
@ -55,6 +55,7 @@
|
|||
text-decoration: none;
|
||||
@include media(mobile-only) {
|
||||
font-size: 13.8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
width: 100%;
|
||||
|
||||
@include media(mobile-only) {
|
||||
.main-navigation .menu-primary-container {
|
||||
.main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
|
@ -20,6 +20,11 @@
|
|||
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
}
|
||||
@include media(mobile) {
|
||||
.footer-menu a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.1.0
|
||||
Version: 1.1.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
|
|||
|
|
@ -1481,7 +1481,7 @@ b, strong {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation .menu-primary-container {
|
||||
.site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.site-footer .main-navigation li {
|
||||
|
|
@ -1556,6 +1556,7 @@ b, strong {
|
|||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation .footer-menu a {
|
||||
font-size: 13.8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.1.0
|
||||
Version: 1.1.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
@ -1896,25 +1896,19 @@ p.has-background {
|
|||
}
|
||||
|
||||
hr {
|
||||
border-bottom-color: #CCCCCC;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 2px solid #CCCCCC;
|
||||
clear: both;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
hr.wp-block-separator {
|
||||
border-bottom-color: #CCCCCC;
|
||||
border-bottom: 2px solid #CCCCCC;
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-wide {
|
||||
border-bottom-color: #CCCCCC;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-dots:before {
|
||||
color: #CCCCCC;
|
||||
font-size: 1.728rem;
|
||||
|
|
@ -3794,7 +3788,7 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
|
|
@ -3805,6 +3799,10 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fse-enabled .site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
|
|
@ -3813,7 +3811,7 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-header.entry-content .main-navigation .menu-primary-container {
|
||||
.fse-enabled .site-header.entry-content .main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
|
@ -3825,6 +3823,12 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu .footer-menu a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled #colophon {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: Maywood is a refined theme designed for restaurants and food-related businesses seeking a modern look.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.1.0
|
||||
Version: 1.1.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Template: varia
|
||||
|
|
@ -1896,25 +1896,19 @@ p.has-background {
|
|||
}
|
||||
|
||||
hr {
|
||||
border-bottom-color: #CCCCCC;
|
||||
border-bottom-width: 2px;
|
||||
border-bottom: 2px solid #CCCCCC;
|
||||
clear: both;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
hr.wp-block-separator {
|
||||
border-bottom-color: #CCCCCC;
|
||||
border-bottom: 2px solid #CCCCCC;
|
||||
/**
|
||||
* Block Options
|
||||
*/
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-wide {
|
||||
border-bottom-color: #CCCCCC;
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
|
||||
hr.wp-block-separator.is-style-dots:before {
|
||||
color: #CCCCCC;
|
||||
font-size: 1.728rem;
|
||||
|
|
@ -3823,7 +3817,7 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
|
|
@ -3834,6 +3828,10 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fse-enabled .site-header.entry-content {
|
||||
margin-bottom: 0;
|
||||
max-width: 100%;
|
||||
|
|
@ -3842,7 +3840,7 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-header.entry-content .main-navigation .menu-primary-container {
|
||||
.fse-enabled .site-header.entry-content .main-navigation > div {
|
||||
padding: 0 32px;
|
||||
}
|
||||
}
|
||||
|
|
@ -3854,6 +3852,12 @@ p:not(.site-title) a:hover {
|
|||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.fse-enabled .site-footer .wp-block-a8c-navigation-menu .footer-menu a {
|
||||
padding: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled #colophon {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -212,7 +212,7 @@ if ( ! function_exists( 'varia_post_thumbnail' ) ) :
|
|||
if ( is_singular() ) :
|
||||
?>
|
||||
|
||||
<figure class="post-thumbnail responsive-max-width">
|
||||
<figure class="post-thumbnail">
|
||||
<?php the_post_thumbnail(); ?>
|
||||
</figure><!-- .post-thumbnail -->
|
||||
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@
|
|||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
.menu-primary-container {
|
||||
> div {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
}
|
||||
|
||||
@include media(mobile-only) {
|
||||
.menu-primary-container {
|
||||
> div {
|
||||
display: block;
|
||||
}
|
||||
li {
|
||||
|
|
@ -25,5 +25,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.site-info {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
31
varia/sass/vendors/_jetpack.scss
vendored
31
varia/sass/vendors/_jetpack.scss
vendored
|
|
@ -106,3 +106,34 @@ body {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Mailchimp Subscription Form
|
||||
*/
|
||||
.wp-block-jetpack-mailchimp {
|
||||
p {
|
||||
margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
|
||||
|
||||
@include media(mobile) {
|
||||
margin-top: map-deep-get($config-global, "spacing", "vertical");
|
||||
margin-bottom: map-deep-get($config-global, "spacing", "vertical");
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
input[type=email] {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
#wp-block-jetpack-mailchimp_consent-text {
|
||||
font-size: #{map-deep-get($config-global, "font", "size", "sm")};
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ get_header();
|
|||
|
||||
<?php if ( have_posts() ) : ?>
|
||||
|
||||
<header class="page-header">
|
||||
<header class="page-header responsive-max-width">
|
||||
<?php
|
||||
printf(
|
||||
/* translators: 1: search result title. 2: search term. */
|
||||
|
|
|
|||
|
|
@ -1366,7 +1366,7 @@ table th,
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.site-footer .main-navigation .menu-primary-container {
|
||||
.site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.site-footer .main-navigation li {
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: A variable-based design system for WordPress sites built with Gutenberg.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.2.0
|
||||
Version: 1.2.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: varia
|
||||
|
|
@ -3425,6 +3425,36 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
||||
top: 46px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Mailchimp Subscription Form
|
||||
*/
|
||||
.wp-block-jetpack-mailchimp p {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-jetpack-mailchimp p {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-jetpack-mailchimp p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-jetpack-mailchimp p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-jetpack-mailchimp input[type=email] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#wp-block-jetpack-mailchimp_consent-text {
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -3445,7 +3475,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
|
|
@ -3455,3 +3485,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: A variable-based design system for WordPress sites built with Gutenberg.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.2.0
|
||||
Version: 1.2.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: varia
|
||||
|
|
@ -3457,6 +3457,37 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
}
|
||||
|
||||
/*
|
||||
* Mailchimp Subscription Form
|
||||
*/
|
||||
.wp-block-jetpack-mailchimp p {
|
||||
margin-top: 21.312px;
|
||||
margin-bottom: 21.312px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.wp-block-jetpack-mailchimp p {
|
||||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-jetpack-mailchimp p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.wp-block-jetpack-mailchimp p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.wp-block-jetpack-mailchimp input[type=email] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#wp-block-jetpack-mailchimp_consent-text {
|
||||
font-size: 0.83333rem;
|
||||
}
|
||||
|
||||
/**
|
||||
* Full Site Editing
|
||||
* - Full Site Editing overrides
|
||||
*/
|
||||
|
|
@ -3474,7 +3505,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
}
|
||||
|
||||
@media only screen and (max-width: 559px) {
|
||||
.fse-enabled .site-footer .main-navigation .menu-primary-container {
|
||||
.fse-enabled .site-footer .main-navigation > div {
|
||||
display: block;
|
||||
}
|
||||
.fse-enabled .site-footer .main-navigation li {
|
||||
|
|
@ -3484,3 +3515,7 @@ body.admin-bar .widget_eu_cookie_law_widget.widget.top {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.fse-enabled .site-footer .site-info {
|
||||
text-align: center;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ Author: Automattic
|
|||
Author URI: https://automattic.com/
|
||||
Description: A variable-based design system for WordPress sites built with Gutenberg.
|
||||
Requires at least: WordPress 4.9.6
|
||||
Version: 1.2.0
|
||||
Version: 1.2.1
|
||||
License: GNU General Public License v2 or later
|
||||
License URI: LICENSE
|
||||
Text Domain: varia
|
||||
|
|
|
|||
Loading…
Reference in a new issue