Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.
This update changes the following: - Improve menu UI to support keyboard navigation in both directions - Improve more-menu-link visibility when no menu items are hidden - Improve text-selection custom colors for better contrast and legibility - Improve support for sticky toolbars in the editor - Improve table element fonts - Add .button class support - Remove translation escaping - Fix menu JS to prevent unused touched event listeners - Fix duplicate more-menu-link issue on selective refresh in the customizer - Fix editor font-weights for headings - Fix search form input style - Fix nested blockquote styles - Fix download block button style when download text stretches more than one line - Fix audio block centering issue - Fix align-full blocks in the editor so they don’t create horizontal scrollbars - Fix editor to prevent Gutenberg's meta boxes area from overlapping the content Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, ntwb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins12, peterwilsoncc, DannyCooper, WPprodigy, siriokun, briannaorg, 00travelgirl00, shahjehanali1, ianbelanger79, nadim1992, Ismail-elkorchi, nativeinside, iamchetanp, grappler, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, jasmussen, laurelfulford, mdawaffe, kraftbj, dereksmart, naokomc, mayukojpn, enodekciw, chetansatasiya, ketuchetan, atanas-angelov-dev, carolinan, sharazghouri, artisan-asad, mukeshpanchal27, mukesh27, burhandodhy, @crunnells, aryaprakasa, tlxo, themeroots, whizbangik, yingles, tlxo, youthkee, brentswisher, smy315, ahmadawais, desi-developer, 2ndkauboy, mor10. Built from https://develop.svn.wordpress.org/branches/5.0@43904 git-svn-id: http://core.svn.wordpress.org/branches/5.0@43736 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
2ae0f9e6b4
commit
2a8d718307
|
@ -26,17 +26,20 @@ function twentynineteen_custom_colors_css() {
|
||||||
* @param int $saturation Color saturation level.
|
* @param int $saturation Color saturation level.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
$saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
|
$saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
|
||||||
$saturation = $saturation . '%';
|
$saturation = $saturation . '%';
|
||||||
|
|
||||||
$lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
|
$saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
|
||||||
$lightness = $lightness . '%';
|
$saturation_selection = $saturation_selection . '%';
|
||||||
|
|
||||||
$lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
|
$lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
|
||||||
$lightness_hover = $lightness_hover . '%';
|
$lightness = $lightness . '%';
|
||||||
|
|
||||||
$lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
|
$lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
|
||||||
$lightness_selection = $lightness_selection . '%';
|
$lightness_hover = $lightness_hover . '%';
|
||||||
|
|
||||||
|
$lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
|
||||||
|
$lightness_selection = $lightness_selection . '%';
|
||||||
|
|
||||||
$theme_css = '
|
$theme_css = '
|
||||||
/*
|
/*
|
||||||
|
@ -82,7 +85,7 @@ function twentynineteen_custom_colors_css() {
|
||||||
* - Widget links
|
* - Widget links
|
||||||
*/
|
*/
|
||||||
a,
|
a,
|
||||||
a:visited,
|
a:not(.button):visited,
|
||||||
.main-navigation .main-menu > li,
|
.main-navigation .main-menu > li,
|
||||||
.main-navigation ul.main-menu > li > a,
|
.main-navigation ul.main-menu > li > a,
|
||||||
.post-navigation .post-title,
|
.post-navigation .post-title,
|
||||||
|
@ -168,10 +171,10 @@ function twentynineteen_custom_colors_css() {
|
||||||
|
|
||||||
/* Text selection colors */
|
/* Text selection colors */
|
||||||
::selection {
|
::selection {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||||
}
|
}
|
||||||
::-moz-selection {
|
::-moz-selection {
|
||||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||||
}';
|
}';
|
||||||
|
|
||||||
$editor_css = '
|
$editor_css = '
|
||||||
|
@ -186,7 +189,8 @@ function twentynineteen_custom_colors_css() {
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
|
||||||
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
|
.editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
|
||||||
|
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
|
||||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -209,7 +213,8 @@ function twentynineteen_custom_colors_css() {
|
||||||
|
|
||||||
/* Hover colors */
|
/* Hover colors */
|
||||||
.editor-block-list__layout .editor-block-list__block a:hover,
|
.editor-block-list__layout .editor-block-list__block a:hover,
|
||||||
.editor-block-list__layout .editor-block-list__block a:active {
|
.editor-block-list__layout .editor-block-list__block a:active,
|
||||||
|
.editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
|
||||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -205,19 +205,19 @@ function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
|
||||||
|
|
||||||
if ( 'menu-1' === $args->theme_location ) :
|
if ( 'menu-1' === $args->theme_location ) :
|
||||||
|
|
||||||
$nav_menu .= '<div class="main-menu-more" >';
|
$nav_menu .= '<div class="main-menu-more">';
|
||||||
$nav_menu .= '<ul class="main-menu" tabindex="0">';
|
$nav_menu .= '<ul class="main-menu" tabindex="0">';
|
||||||
$nav_menu .= '<li class="menu-item menu-item-has-children">';
|
$nav_menu .= '<li class="menu-item menu-item-has-children">';
|
||||||
$nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html( 'More', 'twentynineteen' ) . '</a>';
|
$nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html__( 'More', 'twentynineteen' ) . '</a>';
|
||||||
$nav_menu .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
|
$nav_menu .= '<span class="submenu-expand main-menu-more-toggle is-empty" tabindex="-1">';
|
||||||
$nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
|
$nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
|
||||||
$nav_menu .= '</span>';
|
$nav_menu .= '</span>';
|
||||||
$nav_menu .= '<ul class="sub-menu hidden-links is-hidden">';
|
$nav_menu .= '<ul class="sub-menu hidden-links">';
|
||||||
$nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
|
$nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
|
||||||
$nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
|
$nav_menu .= '<span class="menu-item-link-return">';
|
||||||
$nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
|
$nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
|
||||||
$nav_menu .= esc_html__( 'Back', 'twentynineteen' );
|
$nav_menu .= esc_html__( 'Back', 'twentynineteen' );
|
||||||
$nav_menu .= '</a>';
|
$nav_menu .= '</span>';
|
||||||
$nav_menu .= '</li>';
|
$nav_menu .= '</li>';
|
||||||
$nav_menu .= '</ul>';
|
$nav_menu .= '</ul>';
|
||||||
$nav_menu .= '</li>';
|
$nav_menu .= '</li>';
|
||||||
|
|
|
@ -1,4 +1,41 @@
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Debounce
|
||||||
|
*
|
||||||
|
* @param {Function} func
|
||||||
|
* @param {number} wait
|
||||||
|
* @param {boolean} immediate
|
||||||
|
*/
|
||||||
|
function debounce(func, wait, immediate) {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
var timeout;
|
||||||
|
wait = (typeof wait !== 'undefined') ? wait : 20;
|
||||||
|
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
||||||
|
|
||||||
|
return function() {
|
||||||
|
|
||||||
|
var context = this, args = arguments;
|
||||||
|
var later = function() {
|
||||||
|
timeout = null;
|
||||||
|
|
||||||
|
if (!immediate) {
|
||||||
|
func.apply(context, args);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
var callNow = immediate && !timeout;
|
||||||
|
|
||||||
|
clearTimeout(timeout);
|
||||||
|
timeout = setTimeout(later, wait);
|
||||||
|
|
||||||
|
if (callNow) {
|
||||||
|
func.apply(context, args);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prepends an element to a container.
|
* Prepends an element to a container.
|
||||||
*
|
*
|
||||||
|
@ -18,9 +55,9 @@
|
||||||
*
|
*
|
||||||
* @param {Element} element
|
* @param {Element} element
|
||||||
*/
|
*/
|
||||||
function showElement(element) {
|
function showButton(element) {
|
||||||
// classList.remove is not supported in IE11
|
// classList.remove is not supported in IE11
|
||||||
element.className = element.className.replace('is-hidden', '');
|
element.className = element.className.replace('is-empty', '');
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -28,40 +65,20 @@
|
||||||
*
|
*
|
||||||
* @param {Element} element
|
* @param {Element} element
|
||||||
*/
|
*/
|
||||||
function hideElement(element) {
|
function hideButton(element) {
|
||||||
// classList.add is not supported in IE11
|
// classList.add is not supported in IE11
|
||||||
if (!element.classList.contains('is-hidden')) {
|
if (!element.classList.contains('is-empty')) {
|
||||||
element.className += ' is-hidden';
|
element.className += ' is-empty';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Toggles the element visibility.
|
|
||||||
*
|
|
||||||
* @param {Element} element
|
|
||||||
*/
|
|
||||||
function toggleElementVisibility(element) {
|
|
||||||
if (element.classList.contains('is-hidden')) {
|
|
||||||
showElement(element);
|
|
||||||
} else {
|
|
||||||
hideElement(element);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var navContainer = document.querySelector('.main-navigation');
|
|
||||||
// Adds the necessary UI to operate the menu.
|
|
||||||
var toggleButton = document.querySelector('.main-navigation .main-menu-more-toggle');
|
|
||||||
var visibleList = document.querySelector('.main-navigation .main-menu[id]');
|
|
||||||
var hiddenList = document.querySelector('.main-navigation .hidden-links');
|
|
||||||
var breaks = [];
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Returns the currently available space in the menu container.
|
* Returns the currently available space in the menu container.
|
||||||
*
|
*
|
||||||
* @returns {number} Available space
|
* @returns {number} Available space
|
||||||
*/
|
*/
|
||||||
function getAvailableSpace() {
|
function getAvailableSpace( button, container ) {
|
||||||
return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
|
return container.offsetWidth - button.offsetWidth - 50;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -69,60 +86,106 @@
|
||||||
*
|
*
|
||||||
* @returns {boolean} Is overflowing
|
* @returns {boolean} Is overflowing
|
||||||
*/
|
*/
|
||||||
function isOverflowingNavivation() {
|
function isOverflowingNavivation( list, button, container ) {
|
||||||
return visibleList.offsetWidth > getAvailableSpace();
|
return list.offsetWidth > getAvailableSpace( button, container );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Set menu container variable
|
||||||
|
*/
|
||||||
|
var navContainer = document.querySelector('.main-navigation');
|
||||||
|
var breaks = [];
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Refreshes the list item from the menu depending on the menu size
|
* Refreshes the list item from the menu depending on the menu size
|
||||||
*/
|
*/
|
||||||
function updateNavigationMenu() {
|
function updateNavigationMenu( container ) {
|
||||||
|
|
||||||
|
// Adds the necessary UI to operate the menu.
|
||||||
|
var visibleList = container.parentNode.querySelector('.main-menu[id]');
|
||||||
|
var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
|
||||||
|
var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
|
||||||
|
|
||||||
|
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
||||||
|
|
||||||
if (isOverflowingNavivation()) {
|
|
||||||
// Record the width of the list
|
// Record the width of the list
|
||||||
breaks.push(visibleList.offsetWidth);
|
breaks.push( visibleList.offsetWidth );
|
||||||
// Move item to the hidden list
|
// Move last item to the hidden list
|
||||||
prependElement(hiddenList, visibleList.lastChild);
|
prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
|
||||||
// Show the toggle button
|
// Show the toggle button
|
||||||
showElement(toggleButton);
|
showButton( toggleButton );
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
|
|
||||||
// There is space for another item in the nav
|
// There is space for another item in the nav
|
||||||
if (getAvailableSpace() > breaks[breaks.length - 1]) {
|
if ( getAvailableSpace( toggleButton, container ) > breaks[breaks.length - 1] ) {
|
||||||
// Move the item to the visible list
|
// Move the item to the visible list
|
||||||
visibleList.appendChild(hiddenList.firstChild.nextSibling);
|
visibleList.appendChild( hiddenList.firstChild.nextSibling );
|
||||||
breaks.pop();
|
breaks.pop();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Hide the dropdown btn if hidden list is empty
|
// Hide the dropdown btn if hidden list is empty
|
||||||
if (breaks.length < 2) {
|
if (breaks.length < 2) {
|
||||||
hideElement(toggleButton);
|
hideButton( toggleButton );
|
||||||
hideElement(hiddenList);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Recur if the visible list is still overflowing the nav
|
// Recur if the visible list is still overflowing the nav
|
||||||
if (isOverflowingNavivation()) {
|
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
||||||
updateNavigationMenu();
|
updateNavigationMenu( container );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Event listeners
|
/**
|
||||||
// Run our sub-menu function as soon as the document is `ready`
|
* Run our priority+ function as soon as the document is `ready`
|
||||||
|
*/
|
||||||
document.addEventListener( 'DOMContentLoaded', function() {
|
document.addEventListener( 'DOMContentLoaded', function() {
|
||||||
updateNavigationMenu();
|
|
||||||
|
updateNavigationMenu( navContainer );
|
||||||
|
|
||||||
|
// Also, run our priority+ function on selective refresh in the customizer
|
||||||
|
var hasSelectiveRefresh = (
|
||||||
|
'undefined' !== typeof wp &&
|
||||||
|
wp.customize &&
|
||||||
|
wp.customize.selectiveRefresh
|
||||||
|
);
|
||||||
|
|
||||||
|
if ( hasSelectiveRefresh ) {
|
||||||
|
// Force a full refresh on partial content renders to re-run updateNavigationMenu()
|
||||||
|
wp.customize.selectiveRefresh.bind('partial-content-rendered', function () {
|
||||||
|
wp.customize.preview.send('refresh');
|
||||||
|
});
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Run our priority+ function on load
|
||||||
|
*/
|
||||||
window.addEventListener('load', function() {
|
window.addEventListener('load', function() {
|
||||||
updateNavigationMenu();
|
updateNavigationMenu( navContainer );
|
||||||
});
|
});
|
||||||
|
|
||||||
window.addEventListener('resize', function() {
|
/**
|
||||||
updateNavigationMenu();
|
* Run our priority+ function every time the window resizes
|
||||||
});
|
*/
|
||||||
|
var isResizing = false;
|
||||||
|
window.addEventListener( 'resize',
|
||||||
|
debounce( function() {
|
||||||
|
if ( isResizing ) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
toggleButton.addEventListener('click', function() {
|
isResizing = true;
|
||||||
toggleElementVisibility(hiddenList);
|
setTimeout( function() {
|
||||||
});
|
updateNavigationMenu( navContainer );
|
||||||
|
isResizing = false;
|
||||||
|
}, 150 );
|
||||||
|
} )
|
||||||
|
);
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Run our priority+ function
|
||||||
|
*/
|
||||||
|
updateNavigationMenu( navContainer );
|
||||||
|
|
||||||
updateNavigationMenu();
|
|
||||||
})();
|
})();
|
||||||
|
|
|
@ -6,7 +6,13 @@
|
||||||
|
|
||||||
(function() {
|
(function() {
|
||||||
|
|
||||||
// Debounce
|
/**
|
||||||
|
* Debounce
|
||||||
|
*
|
||||||
|
* @param {Function} func
|
||||||
|
* @param {number} wait
|
||||||
|
* @param {boolean} immediate
|
||||||
|
*/
|
||||||
function debounce(func, wait, immediate) {
|
function debounce(func, wait, immediate) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
@ -36,19 +42,36 @@
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add Class
|
/**
|
||||||
|
* Add class
|
||||||
|
*
|
||||||
|
* @param {Object} el
|
||||||
|
* @param {string} cls
|
||||||
|
*/
|
||||||
function addClass(el, cls) {
|
function addClass(el, cls) {
|
||||||
if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
|
if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
|
||||||
el.className += ' ' + cls;
|
el.className += ' ' + cls;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Delete Class
|
/**
|
||||||
|
* Delete class
|
||||||
|
*
|
||||||
|
* @param {Object} el
|
||||||
|
* @param {string} cls
|
||||||
|
*/
|
||||||
function deleteClass(el, cls) {
|
function deleteClass(el, cls) {
|
||||||
el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
|
el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Has Class?
|
/**
|
||||||
|
* Has class?
|
||||||
|
*
|
||||||
|
* @param {Object} el
|
||||||
|
* @param {string} cls
|
||||||
|
*
|
||||||
|
* @returns {boolean} Has class
|
||||||
|
*/
|
||||||
function hasClass(el, cls) {
|
function hasClass(el, cls) {
|
||||||
|
|
||||||
if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
|
if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
|
||||||
|
@ -56,7 +79,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Toggle Aria Expanded state for screenreaders
|
/**
|
||||||
|
* Toggle Aria Expanded state for screenreaders
|
||||||
|
*
|
||||||
|
* @param {Object} ariaItem
|
||||||
|
*/
|
||||||
function toggleAriaExpandedState( ariaItem ) {
|
function toggleAriaExpandedState( ariaItem ) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
@ -71,7 +98,11 @@
|
||||||
ariaItem.setAttribute('aria-expanded', ariaState);
|
ariaItem.setAttribute('aria-expanded', ariaState);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Open sub-menu
|
/**
|
||||||
|
* Open sub-menu
|
||||||
|
*
|
||||||
|
* @param {Object} currentSubMenu
|
||||||
|
*/
|
||||||
function openSubMenu( currentSubMenu ) {
|
function openSubMenu( currentSubMenu ) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
@ -84,7 +115,11 @@
|
||||||
toggleAriaExpandedState( currentSubMenu.previousSibling );
|
toggleAriaExpandedState( currentSubMenu.previousSibling );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Close sub-menu
|
/**
|
||||||
|
* Close sub-menu
|
||||||
|
*
|
||||||
|
* @param {Object} currentSubMenu
|
||||||
|
*/
|
||||||
function closeSubMenu( currentSubMenu ) {
|
function closeSubMenu( currentSubMenu ) {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
|
@ -116,7 +151,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Find first ancestor of an element by selector
|
/**
|
||||||
|
* Find first ancestor of an element by selector
|
||||||
|
*
|
||||||
|
* @param {Object} child
|
||||||
|
* @param {String} selector
|
||||||
|
* @param {String} stopSelector
|
||||||
|
*/
|
||||||
function getCurrentParent( child, selector, stopSelector ) {
|
function getCurrentParent( child, selector, stopSelector ) {
|
||||||
|
|
||||||
var currentParent = null;
|
var currentParent = null;
|
||||||
|
@ -139,24 +180,37 @@
|
||||||
return currentParent;
|
return currentParent;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Remove all off-canvas states
|
/**
|
||||||
|
* Remove all off-canvas states
|
||||||
|
*/
|
||||||
function removeAllFocusStates() {
|
function removeAllFocusStates() {
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
var getFocusedElements = document.querySelectorAll(':hover, :focus, :focus-within');
|
var siteBranding = document.getElementsByClassName( 'site-branding' )[0];
|
||||||
|
var getFocusedElements = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
|
||||||
|
var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
|
||||||
var i;
|
var i;
|
||||||
|
var o;
|
||||||
|
|
||||||
for ( i = 0; i < getFocusedElements.length; i++) {
|
for ( i = 0; i < getFocusedElements.length; i++) {
|
||||||
getFocusedElements[i].blur();
|
getFocusedElements[i].blur();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
for ( o = 0; o < getFocusedClassElements.length; o++) {
|
||||||
|
deleteClass( getFocusedClassElements[o], 'is-focused' );
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Matches polyfill for IE11
|
/**
|
||||||
|
* Matches polyfill for IE11
|
||||||
|
*/
|
||||||
if (!Element.prototype.matches) {
|
if (!Element.prototype.matches) {
|
||||||
Element.prototype.matches = Element.prototype.msMatchesSelector;
|
Element.prototype.matches = Element.prototype.msMatchesSelector;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Toggle `focus` class to allow sub-menu access on touch screens.
|
/**
|
||||||
|
* Toggle `focus` class to allow sub-menu access on touch screens.
|
||||||
|
*/
|
||||||
function toggleSubmenuDisplay() {
|
function toggleSubmenuDisplay() {
|
||||||
|
|
||||||
document.addEventListener('touchstart', function(event) {
|
document.addEventListener('touchstart', function(event) {
|
||||||
|
@ -210,11 +264,17 @@
|
||||||
if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
|
if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
|
||||||
// Prevent default mouse events
|
// Prevent default mouse events
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
} else if (
|
||||||
|
event.target.matches('.submenu-expand') ||
|
||||||
|
null != getCurrentParent( event.target, '.submenu-expand' ) &&
|
||||||
|
getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
|
||||||
|
event.target.matches('.menu-item-link-return') ||
|
||||||
|
null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
|
||||||
|
getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
|
||||||
|
// Prevent default mouse events
|
||||||
|
event.preventDefault();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Prevent default mouse events
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
// Prevent default mouse/focus events
|
// Prevent default mouse/focus events
|
||||||
removeAllFocusStates();
|
removeAllFocusStates();
|
||||||
|
|
||||||
|
@ -222,23 +282,23 @@
|
||||||
|
|
||||||
document.addEventListener('focus', function(event) {
|
document.addEventListener('focus', function(event) {
|
||||||
|
|
||||||
if ( event.target.matches('.main-navigation > div > ul > li > a') ) {
|
if ( event.target.matches('.main-navigation > div > ul > li a') ) {
|
||||||
|
|
||||||
// Remove Focuse elements in sibling div
|
// Remove Focused elements in sibling div
|
||||||
var currentDiv = getCurrentParent( event.target, 'div' );
|
var currentDiv = getCurrentParent( event.target, 'div', '.main-navigation' );
|
||||||
var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
|
var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
|
||||||
var focusedElement = currentDivSibling.querySelector( '.is-focused' );
|
var focusedElement = currentDivSibling.querySelector( '.is-focused' );
|
||||||
var focusedClass = 'is-focused';
|
var focusedClass = 'is-focused';
|
||||||
var prevLi = event.target.parentNode.previousElementSibling;
|
var prevLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
|
||||||
var nextLi = event.target.parentNode.nextElementSibling;
|
var nextLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
|
||||||
|
|
||||||
if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
|
if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
|
||||||
deleteClass( focusedElement, focusedClass );
|
deleteClass( focusedElement, focusedClass );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Add .is-focused class to top-level ul
|
// Add .is-focused class to top-level li
|
||||||
if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
|
if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
|
||||||
addClass( event.target.parentNode, focusedClass );
|
addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
|
||||||
}
|
}
|
||||||
|
|
||||||
// Check for previous li
|
// Check for previous li
|
||||||
|
@ -251,27 +311,52 @@
|
||||||
deleteClass( nextLi, focusedClass );
|
deleteClass( nextLi, focusedClass );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}, true);
|
}, true);
|
||||||
|
|
||||||
|
document.addEventListener('click', function(event) {
|
||||||
|
|
||||||
|
// Remove all focused menu states when clicking outside site branding
|
||||||
|
if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
|
||||||
|
removeAllFocusStates();
|
||||||
|
} else {
|
||||||
|
// nothing
|
||||||
|
}
|
||||||
|
|
||||||
|
}, false);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Run our sub-menu function as soon as the document is `ready`
|
/**
|
||||||
|
* Run our sub-menu function as soon as the document is `ready`
|
||||||
|
*/
|
||||||
document.addEventListener( 'DOMContentLoaded', function() {
|
document.addEventListener( 'DOMContentLoaded', function() {
|
||||||
toggleSubmenuDisplay();
|
toggleSubmenuDisplay();
|
||||||
});
|
});
|
||||||
// Annnnnd also every time the window resizes
|
|
||||||
|
/**
|
||||||
|
* Run our sub-menu function on selective refresh in the customizer
|
||||||
|
*/
|
||||||
|
document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
|
||||||
|
if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
|
||||||
|
toggleSubmenuDisplay();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Run our sub-menu function every time the window resizes
|
||||||
|
*/
|
||||||
var isResizing = false;
|
var isResizing = false;
|
||||||
window.addEventListener( 'resize',
|
window.addEventListener( 'resize', function() {
|
||||||
|
isResizing = true;
|
||||||
debounce( function() {
|
debounce( function() {
|
||||||
if ( isResizing ) {
|
if ( isResizing ) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
isResizing = true;
|
toggleSubmenuDisplay();
|
||||||
setTimeout( function() {
|
isResizing = false;
|
||||||
toggleSubmenuDisplay();
|
|
||||||
isResizing = false;
|
}, 150 );
|
||||||
}, 150 );
|
} );
|
||||||
} )
|
|
||||||
);
|
|
||||||
|
|
||||||
})();
|
})();
|
||||||
|
|
|
@ -19,6 +19,9 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
||||||
@page {
|
@page {
|
||||||
margin: 2cm;
|
margin: 2cm;
|
||||||
}
|
}
|
||||||
|
.entry {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
.entry .entry-header, .site-footer .site-info {
|
.entry .entry-header, .site-footer .site-info {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -97,9 +100,53 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
||||||
.social-navigation,
|
.social-navigation,
|
||||||
.site-branding-container:before,
|
.site-branding-container:before,
|
||||||
.entry .entry-title:before,
|
.entry .entry-title:before,
|
||||||
.entry-meta, .entry-footer,
|
.entry-footer,
|
||||||
.author-description:before,
|
.author-description:before,
|
||||||
.post-navigation {
|
.post-navigation,
|
||||||
|
.widget-area,
|
||||||
|
.comment-form-flex {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
/* Site Header (With Featured Image) */
|
||||||
|
.site-header.featured-image {
|
||||||
|
min-height: 0;
|
||||||
|
}
|
||||||
|
.site-header.featured-image .main-navigation a,
|
||||||
|
.site-header.featured-image .main-navigation a + svg,
|
||||||
|
.site-header.featured-image .social-navigation a,
|
||||||
|
.site-header.featured-image .site-title a,
|
||||||
|
.site-header.featured-image .site-featured-image a,
|
||||||
|
.site-header.featured-image .site-branding .site-title,
|
||||||
|
.site-header.featured-image .site-branding .site-description,
|
||||||
|
.site-header.featured-image .main-navigation a:after,
|
||||||
|
.site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
|
||||||
|
.site-header.featured-image .main-navigation li,
|
||||||
|
.site-header.featured-image .social-navigation li,
|
||||||
|
.site-header.featured-image .entry-meta,
|
||||||
|
.site-header.featured-image .entry-title {
|
||||||
|
color: #000;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
.site-header.featured-image .site-featured-image .entry-header,
|
||||||
|
.site-header.featured-image .site-branding-container {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||||
|
position: relative;
|
||||||
|
height: initial;
|
||||||
|
width: initial;
|
||||||
|
object-fit: none;
|
||||||
|
min-width: 0;
|
||||||
|
min-height: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
/* Remove image filters from featured image */
|
||||||
|
.image-filters-enabled *:after {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,6 +23,10 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
||||||
margin: 2cm;
|
margin: 2cm;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.entry {
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.entry .entry-header, .site-footer .site-info {
|
.entry .entry-header, .site-footer .site-info {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
@ -120,9 +124,62 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
||||||
.social-navigation,
|
.social-navigation,
|
||||||
.site-branding-container:before,
|
.site-branding-container:before,
|
||||||
.entry .entry-title:before,
|
.entry .entry-title:before,
|
||||||
.entry-meta, .entry-footer,
|
.entry-footer,
|
||||||
.author-description:before,
|
.author-description:before,
|
||||||
.post-navigation {
|
.post-navigation,
|
||||||
|
.widget-area,
|
||||||
|
.comment-form-flex {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Site Header (With Featured Image) */
|
||||||
|
.site-header.featured-image {
|
||||||
|
min-height: 0;
|
||||||
|
|
||||||
|
.main-navigation a,
|
||||||
|
.main-navigation a + svg,
|
||||||
|
.social-navigation a,
|
||||||
|
.site-title a,
|
||||||
|
.site-featured-image a,
|
||||||
|
.site-branding .site-title,
|
||||||
|
.site-branding .site-description,
|
||||||
|
.main-navigation a:after,
|
||||||
|
.main-navigation .main-menu > li.menu-item-has-children:after,
|
||||||
|
.main-navigation li,
|
||||||
|
.social-navigation li,
|
||||||
|
.entry-meta,
|
||||||
|
.entry-title {
|
||||||
|
color: #000;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-featured-image .entry-header,
|
||||||
|
.site-branding-container {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-featured-image .post-thumbnail img {
|
||||||
|
position: relative;
|
||||||
|
height: initial;
|
||||||
|
width: initial;
|
||||||
|
object-fit: none;
|
||||||
|
min-width: 0;
|
||||||
|
min-height: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Remove image filters from featured image */
|
||||||
|
.image-filters-enabled {
|
||||||
|
|
||||||
|
*:after {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header.featured-image .site-featured-image .post-thumbnail img {
|
||||||
|
filter: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -2,12 +2,12 @@
|
||||||
|
|
||||||
[![Build Status](https://travis-ci.org/WordPress/twentynineteen.svg?branch=master)](https://travis-ci.org/WordPress/twentynineteen)
|
[![Build Status](https://travis-ci.org/WordPress/twentynineteen.svg?branch=master)](https://travis-ci.org/WordPress/twentynineteen)
|
||||||
|
|
||||||
**Contributors:** the WordPress team
|
**Contributors:** the WordPress team
|
||||||
**Requires at least:** WordPress 4.9.6
|
**Requires at least:** WordPress 4.9.6
|
||||||
**Tested up to:** WordPress 4.9.8
|
**Tested up to:** WordPress 4.9.8
|
||||||
**Version:** 1.0
|
**Version:** 1.0
|
||||||
**License:** GPLv2 or later
|
**License:** GPLv2 or later
|
||||||
**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
|
**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
|
||||||
**Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
|
**Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
|
||||||
|
|
||||||
## Description
|
## Description
|
||||||
|
|
|
@ -147,11 +147,6 @@
|
||||||
max-width: (0.33 * $desktop_width);
|
max-width: (0.33 * $desktop_width);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.aligncenter {
|
|
||||||
margin: 32px calc(2 * (100vw / 12));
|
|
||||||
max-width: calc(6 * (100vw / 12));
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//! Video
|
//! Video
|
||||||
|
@ -243,7 +238,7 @@
|
||||||
ul {
|
ul {
|
||||||
padding-top: ( .75 * $size__spacing-unit );
|
padding-top: ( .75 * $size__spacing-unit );
|
||||||
}
|
}
|
||||||
|
|
||||||
li ul {
|
li ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
@ -622,7 +617,7 @@
|
||||||
|
|
||||||
//! Twitter Embed
|
//! Twitter Embed
|
||||||
.wp-block-embed-twitter {
|
.wp-block-embed-twitter {
|
||||||
overflow: hidden;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
//! Table
|
//! Table
|
||||||
|
@ -639,6 +634,7 @@
|
||||||
font-family: $font__heading;
|
font-family: $font__heading;
|
||||||
|
|
||||||
.wp-block-file__button {
|
.wp-block-file__button {
|
||||||
|
display: table;
|
||||||
@include button-transition;
|
@include button-transition;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -650,6 +646,8 @@
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: ($size__spacing-unit * .75) $size__spacing-unit;
|
padding: ($size__spacing-unit * .75) $size__spacing-unit;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-top: calc(0.75 * #{$size__spacing-unit});
|
||||||
|
|
||||||
@include media(desktop) {
|
@include media(desktop) {
|
||||||
font-size: $font__size-base;
|
font-size: $font__size-base;
|
||||||
|
@ -667,10 +665,6 @@
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
* + .wp-block-file__button {
|
|
||||||
margin-left: ($size__spacing-unit * .75);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
//! Code
|
//! Code
|
||||||
|
|
|
@ -77,7 +77,7 @@ figure {
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-left: 2px solid $color__link;
|
border-left: 2px solid $color__link;
|
||||||
margin-left: -($size__spacing-unit * 2);
|
margin-left: 0;
|
||||||
padding: 0 0 0 $size__spacing-unit;
|
padding: 0 0 0 $size__spacing-unit;
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
|
|
|
@ -2,6 +2,7 @@ table {
|
||||||
margin: 0 0 $size__spacing-unit;
|
margin: 0 0 $size__spacing-unit;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
font-family: $font__heading;
|
||||||
|
|
||||||
td,
|
td,
|
||||||
th {
|
th {
|
||||||
|
|
|
@ -9,25 +9,28 @@ input[type="submit"] {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: white;
|
color: $color__background-body;
|
||||||
font-family: $font__heading;
|
font-family: $font__heading;
|
||||||
font-size: $font__size-sm;
|
font-size: $font__size-sm;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: $font__line-height-heading;
|
line-height: $font__line-height-heading;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
||||||
|
text-decoration: none;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
background: $color__background-button-hover;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover,
|
&:visited {
|
||||||
&:focus {
|
color: $color__background-body;
|
||||||
background: $color__background-button-hover;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
|
background: $color__background-button-hover;
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -20,6 +20,9 @@ textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
|
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline-offset: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: $color__link;
|
border-color: $color__link;
|
||||||
|
@ -28,6 +31,12 @@ textarea {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="search"] {
|
||||||
|
&::-webkit-search-decoration {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -64,6 +64,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.submenu-expand {
|
.submenu-expand {
|
||||||
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: #{0.5 * $size__spacing-unit};
|
margin-right: #{0.5 * $size__spacing-unit};
|
||||||
|
|
||||||
|
@ -85,6 +86,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-customizer-unloading &,
|
||||||
|
&.is-empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
|
@ -97,10 +103,6 @@
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.is-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.sub-menu {
|
.sub-menu {
|
||||||
|
@ -110,10 +112,9 @@
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
left: -999px;
|
left: -9999px;
|
||||||
z-index: 99999;
|
z-index: 99999;
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
|
@ -181,6 +182,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
> a:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
&.mobile-parent-nav-menu-item {
|
&.mobile-parent-nav-menu-item {
|
||||||
|
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -393,13 +398,18 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Fade-in animation for top-level submenus
|
||||||
|
*/
|
||||||
|
.main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
|
||||||
|
animation: fade_in 0.1s forwards;
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Full-screen touch device styles
|
* Full-screen touch device styles
|
||||||
*/
|
*/
|
||||||
.main-menu .menu-item-has-children.off-canvas .sub-menu {
|
.main-menu .menu-item-has-children.off-canvas .sub-menu {
|
||||||
|
|
||||||
animation: fade_in 0.1s forwards;
|
|
||||||
|
|
||||||
.submenu-expand .svg-icon {
|
.submenu-expand .svg-icon {
|
||||||
transform: rotate(270deg);
|
transform: rotate(270deg);
|
||||||
}
|
}
|
||||||
|
@ -463,6 +473,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Hide duplicate menu-more-link when re-loading a menu in the customizer
|
||||||
|
.main-menu-more {
|
||||||
|
&:nth-child(n+3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Menu animation */
|
/* Menu animation */
|
||||||
|
|
|
@ -212,9 +212,20 @@
|
||||||
a {
|
a {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
||||||
|
&.button,
|
||||||
&:hover {
|
&:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.button {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.button:hover {
|
||||||
|
background: $color__background-button-hover;
|
||||||
|
color: $color__background-body;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Overwrite iframe embeds that have inline styles.
|
// Overwrite iframe embeds that have inline styles.
|
||||||
|
|
|
@ -61,7 +61,6 @@
|
||||||
|
|
||||||
.widget_calendar .calendar_wrap {
|
.widget_calendar .calendar_wrap {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: $font__heading;
|
|
||||||
|
|
||||||
table td,
|
table td,
|
||||||
table th {
|
table th {
|
||||||
|
|
|
@ -1,6 +1,20 @@
|
||||||
|
/*
|
||||||
|
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||||
|
* This results in a jumping cursor when typing in both the Classic and block
|
||||||
|
* editors. The following font-face override fixes the issue by manually inserting
|
||||||
|
* a custom font that includes just a Hoefler Text space replacement for that
|
||||||
|
* character instead.
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'NonBreakingSpaceOverride';
|
||||||
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
|
||||||
|
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
// Font and typographic variables
|
// Font and typographic variables
|
||||||
|
|
||||||
$font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
||||||
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
||||||
|
|
|
@ -2,12 +2,6 @@
|
||||||
Twenty Nineteen Editor Styles
|
Twenty Nineteen Editor Styles
|
||||||
*/
|
*/
|
||||||
/** === Includes === */
|
/** === Includes === */
|
||||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
|
||||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
|
||||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
|
||||||
/* Fallback for non-latin fonts */
|
|
||||||
/* Calculates maximum width for post content */
|
|
||||||
/* Nested sub-menu padding: 10 levels deep */
|
|
||||||
/*
|
/*
|
||||||
* Chrome renders extra-wide characters for the Hoefler Text font.
|
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||||
* This results in a jumping cursor when typing in both the Classic and block
|
* This results in a jumping cursor when typing in both the Classic and block
|
||||||
|
@ -20,38 +14,26 @@ Twenty Nineteen Editor Styles
|
||||||
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||||
|
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||||
|
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||||
|
/* Fallback for non-latin fonts */
|
||||||
|
/* Calculates maximum width for post content */
|
||||||
|
/* Nested sub-menu padding: 10 levels deep */
|
||||||
/** === Editor Frame === */
|
/** === Editor Frame === */
|
||||||
body .wp-block[data-align="full"] {
|
body .wp-block[data-align="full"] {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 600px) {
|
@media only screen and (min-width: 600px) {
|
||||||
body {
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
body :not(.editor-inner-blocks) > .editor-block-list__layout,
|
|
||||||
body .editor-post-title {
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
body .editor-writing-flow {
|
|
||||||
padding-top: 50px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
body .wp-block[data-align="full"] {
|
body .wp-block[data-align="full"] {
|
||||||
position: relative;
|
width: calc( 100% + 90px);
|
||||||
left: 45px;
|
max-width: calc( 100% + 90px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
@media only screen and (min-width: 768px) {
|
||||||
body :not(.editor-inner-blocks) > .editor-block-list__layout,
|
body .editor-writing-flow {
|
||||||
body .editor-post-title {
|
|
||||||
padding-left: 46px;
|
|
||||||
padding-right: 46px;
|
|
||||||
}
|
|
||||||
body .editor-block-list__layout,
|
|
||||||
body .editor-post-title {
|
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 10%;
|
margin: 0 10%;
|
||||||
}
|
}
|
||||||
|
@ -68,7 +50,7 @@ body .wp-block[data-align="full"] {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: calc( -12.5% - 14px);
|
left: calc( -12.5% - 14px);
|
||||||
width: calc( 125% + 116px);
|
width: calc( 125% + 116px);
|
||||||
max-width: calc( 125% + 116px);
|
max-width: calc( 125% + 115px);
|
||||||
}
|
}
|
||||||
body .wp-block[data-align="right"] {
|
body .wp-block[data-align="right"] {
|
||||||
max-width: 125%;
|
max-width: 125%;
|
||||||
|
@ -116,6 +98,7 @@ h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
@ -234,8 +217,8 @@ figcaption,
|
||||||
}
|
}
|
||||||
|
|
||||||
/** === Default Appender === */
|
/** === Default Appender === */
|
||||||
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
|
.editor-default-block-appender .editor-default-block-appender__content {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -253,6 +236,11 @@ figcaption,
|
||||||
margin: 0 0.25em 0 0;
|
margin: 0 0.25em 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** === Table === */
|
||||||
|
.wp-block-table {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
/** === Cover === */
|
/** === Cover === */
|
||||||
.wp-block-cover h2,
|
.wp-block-cover h2,
|
||||||
.wp-block-cover .wp-block-cover-text {
|
.wp-block-cover .wp-block-cover-text {
|
||||||
|
@ -508,7 +496,18 @@ figcaption,
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-block-file .wp-block-file__textlink {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: #0073aa;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-file .wp-block-file__textlink:hover {
|
||||||
|
color: #005177;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
.wp-block-file .wp-block-file__button {
|
.wp-block-file .wp-block-file__button {
|
||||||
|
display: table;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
font-size: 0.88889em;
|
font-size: 0.88889em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -516,6 +515,12 @@ figcaption,
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-block-file .wp-block-file__button-richtext-wrapper {
|
||||||
|
display: block;
|
||||||
|
margin-top: calc(0.75 * 1rem);
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/** === Verse === */
|
/** === Verse === */
|
||||||
.wp-block-verse,
|
.wp-block-verse,
|
||||||
.wp-block-verse pre {
|
.wp-block-verse pre {
|
||||||
|
@ -600,7 +605,7 @@ ul.wp-block-archives li ul,
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-categories ul ul li > a:before {
|
.wp-block-categories ul ul li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -702,7 +707,6 @@ ul.wp-block-archives li ul,
|
||||||
|
|
||||||
.wp-block-freeform {
|
.wp-block-freeform {
|
||||||
/* Add style for galleries in classic-editor block */
|
/* Add style for galleries in classic-editor block */
|
||||||
/* Add style for galleries in classic-editor block */
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-freeform blockquote {
|
.wp-block-freeform blockquote {
|
||||||
|
@ -716,50 +720,3 @@ ul.wp-block-archives li ul,
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
color: #767676;
|
color: #767676;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-freeform .gallery {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery .gallery-item {
|
|
||||||
padding: 0.5rem;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: top;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery .gallery-item .gallery-caption {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-2 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 2 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-3 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 3 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-4 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 4 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-5 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 5 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-6 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 6 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-7 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 7 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-8 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 8 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block-freeform .gallery.gallery-columns-9 .gallery-item {
|
|
||||||
max-width: calc( ( 12 / 9 ) * (100% / 12));
|
|
||||||
}
|
|
||||||
|
|
|
@ -8,20 +8,6 @@ Twenty Nineteen Editor Styles
|
||||||
@import "sass/variables-site/colors";
|
@import "sass/variables-site/colors";
|
||||||
@import "sass/mixins/mixins-master";
|
@import "sass/mixins/mixins-master";
|
||||||
|
|
||||||
/*
|
|
||||||
* Chrome renders extra-wide characters for the Hoefler Text font.
|
|
||||||
* This results in a jumping cursor when typing in both the Classic and block
|
|
||||||
* editors. The following font-face override fixes the issue by manually inserting
|
|
||||||
* a custom font that includes just a Hoefler Text space replacement for that
|
|
||||||
* character instead.
|
|
||||||
*/
|
|
||||||
@font-face {
|
|
||||||
font-family: 'NonBreakingSpaceOverride';
|
|
||||||
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
|
|
||||||
url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/** === Editor Frame === */
|
/** === Editor Frame === */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
@ -31,35 +17,16 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(mobile) {
|
@include media(mobile) {
|
||||||
padding-top: 0;
|
|
||||||
|
|
||||||
:not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
|
|
||||||
.editor-post-title {
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-writing-flow {
|
|
||||||
padding-top: 50px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.wp-block[data-align="full"] {
|
.wp-block[data-align="full"] {
|
||||||
position: relative;
|
width: calc( 100% + 90px );
|
||||||
left: 45px;
|
max-width: calc( 100% + 90px );
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
|
|
||||||
:not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
|
.editor-writing-flow {
|
||||||
.editor-post-title {
|
|
||||||
padding-left: 46px;
|
|
||||||
padding-right: 46px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.editor-block-list__layout,
|
|
||||||
.editor-post-title {
|
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
margin: 0 10%;
|
margin: 0 10%;
|
||||||
}
|
}
|
||||||
|
@ -79,7 +46,7 @@ body {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: calc( -12.5% - 14px );
|
left: calc( -12.5% - 14px );
|
||||||
width: calc( 125% + 116px );
|
width: calc( 125% + 116px );
|
||||||
max-width: calc( 125% + 116px );
|
max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block[data-align="right"] {
|
.wp-block[data-align="right"] {
|
||||||
|
@ -112,7 +79,7 @@ body {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: $font__size_base;
|
font-size: $font__size_base;
|
||||||
font-family: 'NonBreakingSpaceOverride', $font__body;
|
font-family: $font__body;
|
||||||
line-height: $font__line-height-body;
|
line-height: $font__line-height-body;
|
||||||
color: $color__text-main;
|
color: $color__text-main;
|
||||||
}
|
}
|
||||||
|
@ -128,6 +95,7 @@ h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: $font__heading;
|
font-family: $font__heading;
|
||||||
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
@ -231,7 +199,7 @@ figcaption,
|
||||||
|
|
||||||
/** === Default Appender === */
|
/** === Default Appender === */
|
||||||
|
|
||||||
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
|
.editor-default-block-appender .editor-default-block-appender__content {
|
||||||
font-family: $font__body;
|
font-family: $font__body;
|
||||||
font-size: $font__size_base;
|
font-size: $font__size_base;
|
||||||
}
|
}
|
||||||
|
@ -256,6 +224,12 @@ figcaption,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** === Table === */
|
||||||
|
|
||||||
|
.wp-block-table {
|
||||||
|
font-family: $font__heading;
|
||||||
|
}
|
||||||
|
|
||||||
/** === Cover === */
|
/** === Cover === */
|
||||||
|
|
||||||
.wp-block-cover {
|
.wp-block-cover {
|
||||||
|
@ -508,9 +482,9 @@ figcaption,
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block[data-type="core/pullquote"][data-align="full"] {
|
.wp-block[data-type="core/pullquote"][data-align="full"] {
|
||||||
|
|
||||||
@include media(tablet) {
|
@include media(tablet) {
|
||||||
|
|
||||||
.wp-block-pullquote blockquote {
|
.wp-block-pullquote blockquote {
|
||||||
max-width: calc(80% - 128px);
|
max-width: calc(80% - 128px);
|
||||||
}
|
}
|
||||||
|
@ -523,13 +497,31 @@ figcaption,
|
||||||
.wp-block-file {
|
.wp-block-file {
|
||||||
font-family: $font__heading;
|
font-family: $font__heading;
|
||||||
|
|
||||||
|
.wp-block-file__textlink {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: $color__link;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: $color__link-hover;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.wp-block-file__button {
|
.wp-block-file__button {
|
||||||
|
display: table;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
font-size: $font__size-sm;
|
font-size: $font__size-sm;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: $color__link;
|
background-color: $color__link;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-block-file__button-richtext-wrapper {
|
||||||
|
display: block;
|
||||||
|
margin-top: calc(0.75 * #{$size__spacing-unit});
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/** === Verse === */
|
/** === Verse === */
|
||||||
|
@ -702,28 +694,4 @@ ul.wp-block-archives,
|
||||||
color: $color__text-light;
|
color: $color__text-light;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Add style for galleries in classic-editor block */
|
|
||||||
.gallery {
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.gallery-item {
|
|
||||||
padding: ( $size__spacing-unit * .5 );
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: top;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
.gallery-caption {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Loops to enumerate the classes for gallery columns.
|
|
||||||
@for $i from 2 through 9 {
|
|
||||||
&.gallery-columns-#{$i} .gallery-item {
|
|
||||||
max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,6 +53,18 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
## Captions
|
## Captions
|
||||||
## Galleries
|
## Galleries
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
/*
|
||||||
|
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||||
|
* This results in a jumping cursor when typing in both the Classic and block
|
||||||
|
* editors. The following font-face override fixes the issue by manually inserting
|
||||||
|
* a custom font that includes just a Hoefler Text space replacement for that
|
||||||
|
* character instead.
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'NonBreakingSpaceOverride';
|
||||||
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||||
|
@ -401,7 +413,7 @@ body {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
color: #111;
|
color: #111;
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
|
@ -415,7 +427,7 @@ select,
|
||||||
optgroup,
|
optgroup,
|
||||||
textarea {
|
textarea {
|
||||||
color: #111;
|
color: #111;
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
|
@ -476,7 +488,7 @@ h6 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-branding,
|
.site-branding,
|
||||||
|
@ -844,7 +856,7 @@ figure {
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-right: 2px solid #0073aa;
|
border-right: 2px solid #0073aa;
|
||||||
margin-right: -2rem;
|
margin-right: 0;
|
||||||
padding: 0 1rem 0 0;
|
padding: 0 1rem 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -860,6 +872,7 @@ table {
|
||||||
margin: 0 0 1rem;
|
margin: 0 0 1rem;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
table td,
|
table td,
|
||||||
|
@ -880,13 +893,14 @@ input[type="submit"] {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: white;
|
color: #fff;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
font-size: 0.88889em;
|
font-size: 0.88889em;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0.76rem 1rem;
|
padding: 0.76rem 1rem;
|
||||||
|
text-decoration: none;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -895,19 +909,17 @@ button:hover,
|
||||||
input[type="button"]:hover,
|
input[type="button"]:hover,
|
||||||
input[type="reset"]:hover,
|
input[type="reset"]:hover,
|
||||||
input[type="submit"]:hover {
|
input[type="submit"]:hover {
|
||||||
|
background: #111;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover, .button:focus,
|
.button:visited,
|
||||||
button:hover,
|
button:visited,
|
||||||
button:focus,
|
input[type="button"]:visited,
|
||||||
input[type="button"]:hover,
|
input[type="reset"]:visited,
|
||||||
input[type="button"]:focus,
|
input[type="submit"]:visited {
|
||||||
input[type="reset"]:hover,
|
color: #fff;
|
||||||
input[type="reset"]:focus,
|
text-decoration: none;
|
||||||
input[type="submit"]:hover,
|
|
||||||
input[type="submit"]:focus {
|
|
||||||
background: #111;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:focus,
|
.button:focus,
|
||||||
|
@ -915,6 +927,7 @@ button:focus,
|
||||||
input[type="button"]:focus,
|
input[type="button"]:focus,
|
||||||
input[type="reset"]:focus,
|
input[type="reset"]:focus,
|
||||||
input[type="submit"]:focus {
|
input[type="submit"]:focus {
|
||||||
|
background: #111;
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
@ -941,6 +954,9 @@ textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0.36rem 0.66rem;
|
padding: 0.36rem 0.66rem;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline-offset: 0;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"]:focus,
|
input[type="text"]:focus,
|
||||||
|
@ -964,6 +980,10 @@ textarea:focus {
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="search"]::-webkit-search-decoration {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -1013,6 +1033,9 @@ a:focus {
|
||||||
* :focus-within needs its own selector so other similar
|
* :focus-within needs its own selector so other similar
|
||||||
* selectors don’t get ignored if a browser doesn’t recognize it
|
* selectors don’t get ignored if a browser doesn’t recognize it
|
||||||
*/
|
*/
|
||||||
|
/**
|
||||||
|
* Fade-in animation for top-level submenus
|
||||||
|
*/
|
||||||
/**
|
/**
|
||||||
* Full-screen touch device styles
|
* Full-screen touch device styles
|
||||||
*/
|
*/
|
||||||
|
@ -1096,6 +1119,10 @@ body.page .main-navigation {
|
||||||
vertical-align: text-bottom;
|
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 {
|
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
|
@ -1106,19 +1133,14 @@ body.page .main-navigation {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .is-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-navigation .sub-menu {
|
.main-navigation .sub-menu {
|
||||||
background-color: #0073aa;
|
background-color: #0073aa;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
right: -999px;
|
right: -9999px;
|
||||||
z-index: 99999;
|
z-index: 99999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1184,6 +1206,10 @@ body.page .main-navigation {
|
||||||
background: #005177;
|
background: #005177;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-navigation .sub-menu > li > a:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 0.88889em;
|
font-size: 0.88889em;
|
||||||
|
@ -1320,12 +1346,12 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1485,7 +1511,7 @@ body.page .main-navigation {
|
||||||
.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):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: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 {
|
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1543,7 +1569,7 @@ body.page .main-navigation {
|
||||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
|
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
|
||||||
animation: fade_in 0.1s forwards;
|
animation: fade_in 0.1s forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1610,6 +1636,10 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-navigation .main-menu-more:nth-child(n+3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Menu animation */
|
/* Menu animation */
|
||||||
@keyframes slide_in_right {
|
@keyframes slide_in_right {
|
||||||
100% {
|
100% {
|
||||||
|
@ -2689,10 +2719,20 @@ body.page .main-navigation {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content a:hover {
|
.entry .entry-content a.button, .entry .entry-content a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.entry .entry-content a.button {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry .entry-content a.button:hover {
|
||||||
|
background: #111;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.entry .entry-content > iframe[style] {
|
.entry .entry-content > iframe[style] {
|
||||||
margin: 32px 0 !important;
|
margin: 32px 0 !important;
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
|
@ -3395,7 +3435,7 @@ body.page .main-navigation {
|
||||||
.widget_recent_comments ul ul li > a:before,
|
.widget_recent_comments ul ul li > a:before,
|
||||||
.widget_recent_entries ul ul li > a:before,
|
.widget_recent_entries ul ul li > a:before,
|
||||||
.widget_rss ul ul li > a:before {
|
.widget_rss ul ul li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3510,7 +3550,6 @@ body.page .main-navigation {
|
||||||
|
|
||||||
.widget_calendar .calendar_wrap {
|
.widget_calendar .calendar_wrap {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget_calendar .calendar_wrap table td,
|
.widget_calendar .calendar_wrap table td,
|
||||||
|
@ -3726,11 +3765,6 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-audio.aligncenter {
|
|
||||||
margin: 32px calc(2 * (100vw / 12));
|
|
||||||
max-width: calc(6 * (100vw / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry .entry-content .wp-block-video video {
|
.entry .entry-content .wp-block-video video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -3821,7 +3855,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-categories ul li > a:before {
|
.entry .entry-content .wp-block-categories ul li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3886,7 +3920,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-verse {
|
.entry .entry-content .wp-block-verse {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
|
@ -4277,7 +4311,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-embed-twitter {
|
.entry .entry-content .wp-block-embed-twitter {
|
||||||
overflow: hidden;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-table th,
|
.entry .entry-content .wp-block-table th,
|
||||||
|
@ -4290,6 +4324,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-file .wp-block-file__button {
|
.entry .entry-content .wp-block-file .wp-block-file__button {
|
||||||
|
display: table;
|
||||||
transition: background 150ms ease-in-out;
|
transition: background 150ms ease-in-out;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -4301,6 +4336,8 @@ body.page .main-navigation {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0.75rem 1rem;
|
padding: 0.75rem 1rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-top: calc(0.75 * 1rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1168px) {
|
@media only screen and (min-width: 1168px) {
|
||||||
|
@ -4321,10 +4358,6 @@ body.page .main-navigation {
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-file * + .wp-block-file__button {
|
|
||||||
margin-right: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry .entry-content .wp-block-code {
|
.entry .entry-content .wp-block-code {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -53,6 +53,18 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
||||||
## Captions
|
## Captions
|
||||||
## Galleries
|
## Galleries
|
||||||
--------------------------------------------------------------*/
|
--------------------------------------------------------------*/
|
||||||
|
/*
|
||||||
|
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||||
|
* This results in a jumping cursor when typing in both the Classic and block
|
||||||
|
* editors. The following font-face override fixes the issue by manually inserting
|
||||||
|
* a custom font that includes just a Hoefler Text space replacement for that
|
||||||
|
* character instead.
|
||||||
|
*/
|
||||||
|
@font-face {
|
||||||
|
font-family: 'NonBreakingSpaceOverride';
|
||||||
|
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
|
||||||
|
}
|
||||||
|
|
||||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||||
|
@ -401,7 +413,7 @@ body {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
color: #111;
|
color: #111;
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
|
@ -415,7 +427,7 @@ select,
|
||||||
optgroup,
|
optgroup,
|
||||||
textarea {
|
textarea {
|
||||||
color: #111;
|
color: #111;
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
|
@ -476,7 +488,7 @@ h6 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-title {
|
.page-title {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-branding,
|
.site-branding,
|
||||||
|
@ -844,7 +856,7 @@ figure {
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
border-left: 2px solid #0073aa;
|
border-left: 2px solid #0073aa;
|
||||||
margin-left: -2rem;
|
margin-left: 0;
|
||||||
padding: 0 0 0 1rem;
|
padding: 0 0 0 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -860,6 +872,7 @@ table {
|
||||||
margin: 0 0 1rem;
|
margin: 0 0 1rem;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
table td,
|
table td,
|
||||||
|
@ -880,13 +893,14 @@ input[type="submit"] {
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: white;
|
color: #fff;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||||
font-size: 0.88889em;
|
font-size: 0.88889em;
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0.76rem 1rem;
|
padding: 0.76rem 1rem;
|
||||||
|
text-decoration: none;
|
||||||
vertical-align: bottom;
|
vertical-align: bottom;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -895,19 +909,17 @@ button:hover,
|
||||||
input[type="button"]:hover,
|
input[type="button"]:hover,
|
||||||
input[type="reset"]:hover,
|
input[type="reset"]:hover,
|
||||||
input[type="submit"]:hover {
|
input[type="submit"]:hover {
|
||||||
|
background: #111;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:hover, .button:focus,
|
.button:visited,
|
||||||
button:hover,
|
button:visited,
|
||||||
button:focus,
|
input[type="button"]:visited,
|
||||||
input[type="button"]:hover,
|
input[type="reset"]:visited,
|
||||||
input[type="button"]:focus,
|
input[type="submit"]:visited {
|
||||||
input[type="reset"]:hover,
|
color: #fff;
|
||||||
input[type="reset"]:focus,
|
text-decoration: none;
|
||||||
input[type="submit"]:hover,
|
|
||||||
input[type="submit"]:focus {
|
|
||||||
background: #111;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.button:focus,
|
.button:focus,
|
||||||
|
@ -915,6 +927,7 @@ button:focus,
|
||||||
input[type="button"]:focus,
|
input[type="button"]:focus,
|
||||||
input[type="reset"]:focus,
|
input[type="reset"]:focus,
|
||||||
input[type="submit"]:focus {
|
input[type="submit"]:focus {
|
||||||
|
background: #111;
|
||||||
outline: thin dotted;
|
outline: thin dotted;
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
@ -941,6 +954,9 @@ textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
outline: none;
|
outline: none;
|
||||||
padding: 0.36rem 0.66rem;
|
padding: 0.36rem 0.66rem;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
outline-offset: 0;
|
||||||
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="text"]:focus,
|
input[type="text"]:focus,
|
||||||
|
@ -964,6 +980,10 @@ textarea:focus {
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
input[type="search"]::-webkit-search-decoration {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -1013,6 +1033,9 @@ a:focus {
|
||||||
* :focus-within needs its own selector so other similar
|
* :focus-within needs its own selector so other similar
|
||||||
* selectors don’t get ignored if a browser doesn’t recognize it
|
* selectors don’t get ignored if a browser doesn’t recognize it
|
||||||
*/
|
*/
|
||||||
|
/**
|
||||||
|
* Fade-in animation for top-level submenus
|
||||||
|
*/
|
||||||
/**
|
/**
|
||||||
* Full-screen touch device styles
|
* Full-screen touch device styles
|
||||||
*/
|
*/
|
||||||
|
@ -1096,6 +1119,10 @@ body.page .main-navigation {
|
||||||
vertical-align: text-bottom;
|
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 {
|
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
|
@ -1106,19 +1133,14 @@ body.page .main-navigation {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .is-hidden {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-navigation .sub-menu {
|
.main-navigation .sub-menu {
|
||||||
background-color: #0073aa;
|
background-color: #0073aa;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
display: none;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
left: -999px;
|
left: -9999px;
|
||||||
z-index: 99999;
|
z-index: 99999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1184,6 +1206,10 @@ body.page .main-navigation {
|
||||||
background: #005177;
|
background: #005177;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-navigation .sub-menu > li > a:empty {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 0.88889em;
|
font-size: 0.88889em;
|
||||||
|
@ -1320,12 +1346,12 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
|
.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1485,7 +1511,7 @@ body.page .main-navigation {
|
||||||
.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):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: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 {
|
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1543,7 +1569,7 @@ body.page .main-navigation {
|
||||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
|
.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
|
||||||
animation: fade_in 0.1s forwards;
|
animation: fade_in 0.1s forwards;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1610,6 +1636,10 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.main-navigation .main-menu-more:nth-child(n+3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Menu animation */
|
/* Menu animation */
|
||||||
@keyframes slide_in_right {
|
@keyframes slide_in_right {
|
||||||
100% {
|
100% {
|
||||||
|
@ -2695,10 +2725,20 @@ body.page .main-navigation {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content a:hover {
|
.entry .entry-content a.button, .entry .entry-content a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.entry .entry-content a.button {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry .entry-content a.button:hover {
|
||||||
|
background: #111;
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
.entry .entry-content > iframe[style] {
|
.entry .entry-content > iframe[style] {
|
||||||
margin: 32px 0 !important;
|
margin: 32px 0 !important;
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
|
@ -3401,7 +3441,7 @@ body.page .main-navigation {
|
||||||
.widget_recent_comments ul ul li > a:before,
|
.widget_recent_comments ul ul li > a:before,
|
||||||
.widget_recent_entries ul ul li > a:before,
|
.widget_recent_entries ul ul li > a:before,
|
||||||
.widget_rss ul ul li > a:before {
|
.widget_rss ul ul li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3516,7 +3556,6 @@ body.page .main-navigation {
|
||||||
|
|
||||||
.widget_calendar .calendar_wrap {
|
.widget_calendar .calendar_wrap {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.widget_calendar .calendar_wrap table td,
|
.widget_calendar .calendar_wrap table td,
|
||||||
|
@ -3738,11 +3777,6 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-audio.aligncenter {
|
|
||||||
margin: 32px calc(2 * (100vw / 12));
|
|
||||||
max-width: calc(6 * (100vw / 12));
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry .entry-content .wp-block-video video {
|
.entry .entry-content .wp-block-video video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -3833,7 +3867,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-categories ul li > a:before {
|
.entry .entry-content .wp-block-categories ul li > a:before {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -3898,7 +3932,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-verse {
|
.entry .entry-content .wp-block-verse {
|
||||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
line-height: 1.8;
|
line-height: 1.8;
|
||||||
}
|
}
|
||||||
|
@ -4289,7 +4323,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-embed-twitter {
|
.entry .entry-content .wp-block-embed-twitter {
|
||||||
overflow: hidden;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-table th,
|
.entry .entry-content .wp-block-table th,
|
||||||
|
@ -4302,6 +4336,7 @@ body.page .main-navigation {
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-file .wp-block-file__button {
|
.entry .entry-content .wp-block-file .wp-block-file__button {
|
||||||
|
display: table;
|
||||||
transition: background 150ms ease-in-out;
|
transition: background 150ms ease-in-out;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
@ -4313,6 +4348,8 @@ body.page .main-navigation {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 0.75rem 1rem;
|
padding: 0.75rem 1rem;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-top: calc(0.75 * 1rem);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 1168px) {
|
@media only screen and (min-width: 1168px) {
|
||||||
|
@ -4333,10 +4370,6 @@ body.page .main-navigation {
|
||||||
outline-offset: -4px;
|
outline-offset: -4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.entry .entry-content .wp-block-file * + .wp-block-file__button {
|
|
||||||
margin-left: 0.75rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.entry .entry-content .wp-block-code {
|
.entry .entry-content .wp-block-code {
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @global string $wp_version
|
||||||
*/
|
*/
|
||||||
$wp_version = '5.0-beta4-43903';
|
$wp_version = '5.0-beta4-43904';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
|
Loading…
Reference in New Issue