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:
allancole
parent
2ae0f9e6b4
commit
2a8d718307
|
|
@ -29,6 +29,9 @@ function twentynineteen_custom_colors_css() {
|
|||
$saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
|
||||
$saturation = $saturation . '%';
|
||||
|
||||
$saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
|
||||
$saturation_selection = $saturation_selection . '%';
|
||||
|
||||
$lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
|
||||
$lightness = $lightness . '%';
|
||||
|
||||
|
|
@ -82,7 +85,7 @@ function twentynineteen_custom_colors_css() {
|
|||
* - Widget links
|
||||
*/
|
||||
a,
|
||||
a:visited,
|
||||
a:not(.button):visited,
|
||||
.main-navigation .main-menu > li,
|
||||
.main-navigation ul.main-menu > li > a,
|
||||
.post-navigation .post-title,
|
||||
|
|
@ -168,10 +171,10 @@ function twentynineteen_custom_colors_css() {
|
|||
|
||||
/* Text selection colors */
|
||||
::selection {
|
||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||
background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||
}
|
||||
::-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 = '
|
||||
|
|
@ -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: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: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; */
|
||||
}
|
||||
|
||||
|
|
@ -209,7 +213,8 @@ function twentynineteen_custom_colors_css() {
|
|||
|
||||
/* Hover colors */
|
||||
.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; */
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -208,16 +208,16 @@ function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
|
|||
$nav_menu .= '<div class="main-menu-more">';
|
||||
$nav_menu .= '<ul class="main-menu" tabindex="0">';
|
||||
$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 .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
|
||||
$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 is-empty" tabindex="-1">';
|
||||
$nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
|
||||
$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 .= '<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 .= esc_html__( 'Back', 'twentynineteen' );
|
||||
$nav_menu .= '</a>';
|
||||
$nav_menu .= '</span>';
|
||||
$nav_menu .= '</li>';
|
||||
$nav_menu .= '</ul>';
|
||||
$nav_menu .= '</li>';
|
||||
|
|
|
|||
|
|
@ -1,4 +1,41 @@
|
|||
(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.
|
||||
*
|
||||
|
|
@ -18,9 +55,9 @@
|
|||
*
|
||||
* @param {Element} element
|
||||
*/
|
||||
function showElement(element) {
|
||||
function showButton(element) {
|
||||
// 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
|
||||
*/
|
||||
function hideElement(element) {
|
||||
function hideButton(element) {
|
||||
// classList.add is not supported in IE11
|
||||
if (!element.classList.contains('is-hidden')) {
|
||||
element.className += ' is-hidden';
|
||||
if (!element.classList.contains('is-empty')) {
|
||||
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 {number} Available space
|
||||
*/
|
||||
function getAvailableSpace() {
|
||||
return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
|
||||
function getAvailableSpace( button, container ) {
|
||||
return container.offsetWidth - button.offsetWidth - 50;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -69,25 +86,39 @@
|
|||
*
|
||||
* @returns {boolean} Is overflowing
|
||||
*/
|
||||
function isOverflowingNavivation() {
|
||||
return visibleList.offsetWidth > getAvailableSpace();
|
||||
function isOverflowingNavivation( list, button, container ) {
|
||||
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
|
||||
*/
|
||||
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
|
||||
breaks.push( visibleList.offsetWidth );
|
||||
// Move item to the hidden list
|
||||
prependElement(hiddenList, visibleList.lastChild);
|
||||
// Move last item to the hidden list
|
||||
prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
|
||||
// Show the toggle button
|
||||
showElement(toggleButton);
|
||||
showButton( toggleButton );
|
||||
|
||||
} else {
|
||||
|
||||
// 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
|
||||
visibleList.appendChild( hiddenList.firstChild.nextSibling );
|
||||
breaks.pop();
|
||||
|
|
@ -95,34 +126,66 @@
|
|||
|
||||
// Hide the dropdown btn if hidden list is empty
|
||||
if (breaks.length < 2) {
|
||||
hideElement(toggleButton);
|
||||
hideElement(hiddenList);
|
||||
hideButton( toggleButton );
|
||||
}
|
||||
}
|
||||
|
||||
// Recur if the visible list is still overflowing the nav
|
||||
if (isOverflowingNavivation()) {
|
||||
updateNavigationMenu();
|
||||
if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
|
||||
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() {
|
||||
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() {
|
||||
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() {
|
||||
toggleElementVisibility(hiddenList);
|
||||
});
|
||||
isResizing = true;
|
||||
setTimeout( function() {
|
||||
updateNavigationMenu( navContainer );
|
||||
isResizing = false;
|
||||
}, 150 );
|
||||
} )
|
||||
);
|
||||
|
||||
/**
|
||||
* Run our priority+ function
|
||||
*/
|
||||
updateNavigationMenu( navContainer );
|
||||
|
||||
updateNavigationMenu();
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -6,7 +6,13 @@
|
|||
|
||||
(function() {
|
||||
|
||||
// Debounce
|
||||
/**
|
||||
* Debounce
|
||||
*
|
||||
* @param {Function} func
|
||||
* @param {number} wait
|
||||
* @param {boolean} immediate
|
||||
*/
|
||||
function debounce(func, wait, immediate) {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -36,19 +42,36 @@
|
|||
};
|
||||
}
|
||||
|
||||
// Add Class
|
||||
/**
|
||||
* Add class
|
||||
*
|
||||
* @param {Object} el
|
||||
* @param {string} cls
|
||||
*/
|
||||
function addClass(el, cls) {
|
||||
if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
|
||||
el.className += ' ' + cls;
|
||||
}
|
||||
}
|
||||
|
||||
// Delete Class
|
||||
/**
|
||||
* Delete class
|
||||
*
|
||||
* @param {Object} el
|
||||
* @param {string} cls
|
||||
*/
|
||||
function deleteClass(el, cls) {
|
||||
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) {
|
||||
|
||||
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 ) {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -71,7 +98,11 @@
|
|||
ariaItem.setAttribute('aria-expanded', ariaState);
|
||||
}
|
||||
|
||||
// Open sub-menu
|
||||
/**
|
||||
* Open sub-menu
|
||||
*
|
||||
* @param {Object} currentSubMenu
|
||||
*/
|
||||
function openSubMenu( currentSubMenu ) {
|
||||
'use strict';
|
||||
|
||||
|
|
@ -84,7 +115,11 @@
|
|||
toggleAriaExpandedState( currentSubMenu.previousSibling );
|
||||
}
|
||||
|
||||
// Close sub-menu
|
||||
/**
|
||||
* Close sub-menu
|
||||
*
|
||||
* @param {Object} currentSubMenu
|
||||
*/
|
||||
function closeSubMenu( currentSubMenu ) {
|
||||
'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 ) {
|
||||
|
||||
var currentParent = null;
|
||||
|
|
@ -139,24 +180,37 @@
|
|||
return currentParent;
|
||||
}
|
||||
|
||||
// Remove all off-canvas states
|
||||
/**
|
||||
* Remove all off-canvas states
|
||||
*/
|
||||
function removeAllFocusStates() {
|
||||
'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 o;
|
||||
|
||||
for ( i = 0; i < getFocusedElements.length; i++) {
|
||||
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) {
|
||||
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() {
|
||||
|
||||
document.addEventListener('touchstart', function(event) {
|
||||
|
|
@ -210,10 +264,16 @@
|
|||
if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
|
||||
// Prevent default mouse events
|
||||
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/focus events
|
||||
removeAllFocusStates();
|
||||
|
|
@ -222,23 +282,23 @@
|
|||
|
||||
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
|
||||
var currentDiv = getCurrentParent( event.target, 'div' );
|
||||
// Remove Focused elements in sibling div
|
||||
var currentDiv = getCurrentParent( event.target, 'div', '.main-navigation' );
|
||||
var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
|
||||
var focusedElement = currentDivSibling.querySelector( '.is-focused' );
|
||||
var focusedClass = 'is-focused';
|
||||
var prevLi = event.target.parentNode.previousElementSibling;
|
||||
var nextLi = event.target.parentNode.nextElementSibling;
|
||||
var prevLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
|
||||
var nextLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
|
||||
|
||||
if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
|
||||
deleteClass( focusedElement, focusedClass );
|
||||
}
|
||||
|
||||
// Add .is-focused class to top-level ul
|
||||
if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
|
||||
addClass( event.target.parentNode, focusedClass );
|
||||
// Add .is-focused class to top-level li
|
||||
if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
|
||||
addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
|
||||
}
|
||||
|
||||
// Check for previous li
|
||||
|
|
@ -251,27 +311,52 @@
|
|||
deleteClass( nextLi, focusedClass );
|
||||
}
|
||||
}
|
||||
|
||||
}, 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
|
||||
}
|
||||
|
||||
// Run our sub-menu function as soon as the document is `ready`
|
||||
}, false);
|
||||
}
|
||||
|
||||
/**
|
||||
* Run our sub-menu function as soon as the document is `ready`
|
||||
*/
|
||||
document.addEventListener( 'DOMContentLoaded', function() {
|
||||
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;
|
||||
window.addEventListener( 'resize',
|
||||
window.addEventListener( 'resize', function() {
|
||||
isResizing = true;
|
||||
debounce( function() {
|
||||
if ( isResizing ) {
|
||||
return;
|
||||
}
|
||||
|
||||
isResizing = true;
|
||||
setTimeout( function() {
|
||||
toggleSubmenuDisplay();
|
||||
isResizing = false;
|
||||
|
||||
}, 150 );
|
||||
} )
|
||||
);
|
||||
} );
|
||||
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -19,6 +19,9 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
|||
@page {
|
||||
margin: 2cm;
|
||||
}
|
||||
.entry {
|
||||
margin-top: 1em;
|
||||
}
|
||||
.entry .entry-header, .site-footer .site-info {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -97,9 +100,53 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
|||
.social-navigation,
|
||||
.site-branding-container:before,
|
||||
.entry .entry-title:before,
|
||||
.entry-meta, .entry-footer,
|
||||
.entry-footer,
|
||||
.author-description:before,
|
||||
.post-navigation {
|
||||
.post-navigation,
|
||||
.widget-area,
|
||||
.comment-form-flex {
|
||||
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;
|
||||
}
|
||||
|
||||
.entry {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.entry .entry-header, .site-footer .site-info {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -120,9 +124,62 @@ Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272
|
|||
.social-navigation,
|
||||
.site-branding-container:before,
|
||||
.entry .entry-title:before,
|
||||
.entry-meta, .entry-footer,
|
||||
.entry-footer,
|
||||
.author-description:before,
|
||||
.post-navigation {
|
||||
.post-navigation,
|
||||
.widget-area,
|
||||
.comment-form-flex {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -147,11 +147,6 @@
|
|||
max-width: (0.33 * $desktop_width);
|
||||
}
|
||||
}
|
||||
|
||||
&.aligncenter {
|
||||
margin: 32px calc(2 * (100vw / 12));
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
//! Video
|
||||
|
|
@ -622,7 +617,7 @@
|
|||
|
||||
//! Twitter Embed
|
||||
.wp-block-embed-twitter {
|
||||
overflow: hidden;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
//! Table
|
||||
|
|
@ -639,6 +634,7 @@
|
|||
font-family: $font__heading;
|
||||
|
||||
.wp-block-file__button {
|
||||
display: table;
|
||||
@include button-transition;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
|
|
@ -650,6 +646,8 @@
|
|||
font-weight: bold;
|
||||
padding: ($size__spacing-unit * .75) $size__spacing-unit;
|
||||
color: #fff;
|
||||
margin-left: 0;
|
||||
margin-top: calc(0.75 * #{$size__spacing-unit});
|
||||
|
||||
@include media(desktop) {
|
||||
font-size: $font__size-base;
|
||||
|
|
@ -667,10 +665,6 @@
|
|||
outline-offset: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
* + .wp-block-file__button {
|
||||
margin-left: ($size__spacing-unit * .75);
|
||||
}
|
||||
}
|
||||
|
||||
//! Code
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@ figure {
|
|||
|
||||
blockquote {
|
||||
border-left: 2px solid $color__link;
|
||||
margin-left: -($size__spacing-unit * 2);
|
||||
margin-left: 0;
|
||||
padding: 0 0 0 $size__spacing-unit;
|
||||
|
||||
> p {
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ table {
|
|||
margin: 0 0 $size__spacing-unit;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
font-family: $font__heading;
|
||||
|
||||
td,
|
||||
th {
|
||||
|
|
|
|||
|
|
@ -9,25 +9,28 @@ input[type="submit"] {
|
|||
border: none;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
color: white;
|
||||
color: $color__background-body;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
line-height: $font__line-height-heading;
|
||||
outline: none;
|
||||
padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
|
||||
&:hover {
|
||||
background: $color__background-button-hover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
background: $color__background-button-hover;
|
||||
&:visited {
|
||||
color: $color__background-body;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: $color__background-button-hover;
|
||||
outline: thin dotted;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,6 +20,9 @@ textarea {
|
|||
box-sizing: border-box;
|
||||
outline: none;
|
||||
padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
|
||||
-webkit-appearance: none;
|
||||
outline-offset: 0;
|
||||
border-radius: 0;
|
||||
|
||||
&:focus {
|
||||
border-color: $color__link;
|
||||
|
|
@ -28,6 +31,12 @@ textarea {
|
|||
}
|
||||
}
|
||||
|
||||
input[type="search"] {
|
||||
&::-webkit-search-decoration {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,6 +64,7 @@
|
|||
}
|
||||
|
||||
.submenu-expand {
|
||||
|
||||
display: inline-block;
|
||||
margin-right: #{0.5 * $size__spacing-unit};
|
||||
|
||||
|
|
@ -85,6 +86,11 @@
|
|||
}
|
||||
}
|
||||
|
||||
.wp-customizer-unloading &,
|
||||
&.is-empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
|
|
@ -97,10 +103,6 @@
|
|||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
|
|
@ -110,10 +112,9 @@
|
|||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
display: none;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: -999px;
|
||||
left: -9999px;
|
||||
z-index: 99999;
|
||||
|
||||
@include media(tablet) {
|
||||
|
|
@ -181,6 +182,10 @@
|
|||
}
|
||||
}
|
||||
|
||||
> a:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&.mobile-parent-nav-menu-item {
|
||||
|
||||
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
|
||||
*/
|
||||
.main-menu .menu-item-has-children.off-canvas .sub-menu {
|
||||
|
||||
animation: fade_in 0.1s forwards;
|
||||
|
||||
.submenu-expand .svg-icon {
|
||||
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 */
|
||||
|
|
|
|||
|
|
@ -212,9 +212,20 @@
|
|||
a {
|
||||
text-decoration: underline;
|
||||
|
||||
&.button,
|
||||
&:hover {
|
||||
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.
|
||||
|
|
|
|||
|
|
@ -61,7 +61,6 @@
|
|||
|
||||
.widget_calendar .calendar_wrap {
|
||||
text-align: center;
|
||||
font-family: $font__heading;
|
||||
|
||||
table td,
|
||||
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__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__code: Menlo, monaco, Consolas, Lucida Console, monospace;
|
||||
$font__pre: "Courier 10 Pitch", Courier, monospace;
|
||||
|
|
|
|||
|
|
@ -2,12 +2,6 @@
|
|||
Twenty Nineteen Editor Styles
|
||||
*/
|
||||
/** === 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.
|
||||
* 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");
|
||||
}
|
||||
|
||||
/* 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 === */
|
||||
body .wp-block[data-align="full"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@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"] {
|
||||
position: relative;
|
||||
left: 45px;
|
||||
width: calc( 100% + 90px);
|
||||
max-width: calc( 100% + 90px);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
body :not(.editor-inner-blocks) > .editor-block-list__layout,
|
||||
body .editor-post-title {
|
||||
padding-left: 46px;
|
||||
padding-right: 46px;
|
||||
}
|
||||
body .editor-block-list__layout,
|
||||
body .editor-post-title {
|
||||
body .editor-writing-flow {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
|
@ -68,7 +50,7 @@ body .wp-block[data-align="full"] {
|
|||
position: relative;
|
||||
left: calc( -12.5% - 14px);
|
||||
width: calc( 125% + 116px);
|
||||
max-width: calc( 125% + 116px);
|
||||
max-width: calc( 125% + 115px);
|
||||
}
|
||||
body .wp-block[data-align="right"] {
|
||||
max-width: 125%;
|
||||
|
|
@ -116,6 +98,7 @@ h4,
|
|||
h5,
|
||||
h6 {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -234,8 +217,8 @@ figcaption,
|
|||
}
|
||||
|
||||
/** === Default Appender === */
|
||||
.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
|
||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||
.editor-default-block-appender .editor-default-block-appender__content {
|
||||
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
|
|
@ -253,6 +236,11 @@ figcaption,
|
|||
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 === */
|
||||
.wp-block-cover h2,
|
||||
.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;
|
||||
}
|
||||
|
||||
.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 {
|
||||
display: table;
|
||||
line-height: 1.8;
|
||||
font-size: 0.88889em;
|
||||
font-weight: bold;
|
||||
|
|
@ -516,6 +515,12 @@ figcaption,
|
|||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wp-block-file .wp-block-file__button-richtext-wrapper {
|
||||
display: block;
|
||||
margin-top: calc(0.75 * 1rem);
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/** === Verse === */
|
||||
.wp-block-verse,
|
||||
.wp-block-verse pre {
|
||||
|
|
@ -600,7 +605,7 @@ ul.wp-block-archives li ul,
|
|||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -702,7 +707,6 @@ ul.wp-block-archives li ul,
|
|||
|
||||
.wp-block-freeform {
|
||||
/* Add style for galleries in classic-editor block */
|
||||
/* Add style for galleries in classic-editor block */
|
||||
}
|
||||
|
||||
.wp-block-freeform blockquote {
|
||||
|
|
@ -716,50 +720,3 @@ ul.wp-block-archives li ul,
|
|||
line-height: 1.6;
|
||||
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/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 === */
|
||||
|
||||
body {
|
||||
|
|
@ -31,35 +17,16 @@ body {
|
|||
}
|
||||
|
||||
@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"] {
|
||||
position: relative;
|
||||
left: 45px;
|
||||
width: calc( 100% + 90px );
|
||||
max-width: calc( 100% + 90px );
|
||||
}
|
||||
}
|
||||
|
||||
@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-post-title {
|
||||
padding-left: 46px;
|
||||
padding-right: 46px;
|
||||
}
|
||||
|
||||
.editor-block-list__layout,
|
||||
.editor-post-title {
|
||||
.editor-writing-flow {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
|
@ -79,7 +46,7 @@ body {
|
|||
position: relative;
|
||||
left: calc( -12.5% - 14px );
|
||||
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"] {
|
||||
|
|
@ -112,7 +79,7 @@ body {
|
|||
|
||||
body {
|
||||
font-size: $font__size_base;
|
||||
font-family: 'NonBreakingSpaceOverride', $font__body;
|
||||
font-family: $font__body;
|
||||
line-height: $font__line-height-body;
|
||||
color: $color__text-main;
|
||||
}
|
||||
|
|
@ -128,6 +95,7 @@ h4,
|
|||
h5,
|
||||
h6 {
|
||||
font-family: $font__heading;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h1 {
|
||||
|
|
@ -231,7 +199,7 @@ figcaption,
|
|||
|
||||
/** === 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-size: $font__size_base;
|
||||
}
|
||||
|
|
@ -256,6 +224,12 @@ figcaption,
|
|||
}
|
||||
}
|
||||
|
||||
/** === Table === */
|
||||
|
||||
.wp-block-table {
|
||||
font-family: $font__heading;
|
||||
}
|
||||
|
||||
/** === Cover === */
|
||||
|
||||
.wp-block-cover {
|
||||
|
|
@ -523,13 +497,31 @@ figcaption,
|
|||
.wp-block-file {
|
||||
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 {
|
||||
display: table;
|
||||
line-height: 1.8;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: bold;
|
||||
background-color: $color__link;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.wp-block-file__button-richtext-wrapper {
|
||||
display: block;
|
||||
margin-top: calc(0.75 * #{$size__spacing-unit});
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/** === Verse === */
|
||||
|
|
@ -702,28 +694,4 @@ ul.wp-block-archives,
|
|||
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
|
||||
## 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,
|
||||
* 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. */
|
||||
|
|
@ -401,7 +413,7 @@ body {
|
|||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
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-size: 1em;
|
||||
line-height: 1.8;
|
||||
|
|
@ -415,7 +427,7 @@ select,
|
|||
optgroup,
|
||||
textarea {
|
||||
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;
|
||||
line-height: 1.8;
|
||||
text-rendering: optimizeLegibility;
|
||||
|
|
@ -476,7 +488,7 @@ h6 {
|
|||
}
|
||||
|
||||
.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,
|
||||
|
|
@ -844,7 +856,7 @@ figure {
|
|||
|
||||
blockquote {
|
||||
border-right: 2px solid #0073aa;
|
||||
margin-right: -2rem;
|
||||
margin-right: 0;
|
||||
padding: 0 1rem 0 0;
|
||||
}
|
||||
|
||||
|
|
@ -860,6 +872,7 @@ table {
|
|||
margin: 0 0 1rem;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
table td,
|
||||
|
|
@ -880,13 +893,14 @@ input[type="submit"] {
|
|||
border: none;
|
||||
border-radius: 5px;
|
||||
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-size: 0.88889em;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
outline: none;
|
||||
padding: 0.76rem 1rem;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
|
|
@ -895,19 +909,17 @@ button:hover,
|
|||
input[type="button"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover {
|
||||
background: #111;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover, .button:focus,
|
||||
button:hover,
|
||||
button:focus,
|
||||
input[type="button"]:hover,
|
||||
input[type="button"]:focus,
|
||||
input[type="reset"]:hover,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:hover,
|
||||
input[type="submit"]:focus {
|
||||
background: #111;
|
||||
.button:visited,
|
||||
button:visited,
|
||||
input[type="button"]:visited,
|
||||
input[type="reset"]:visited,
|
||||
input[type="submit"]:visited {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.button:focus,
|
||||
|
|
@ -915,6 +927,7 @@ button:focus,
|
|||
input[type="button"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:focus {
|
||||
background: #111;
|
||||
outline: thin dotted;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
|
@ -941,6 +954,9 @@ textarea {
|
|||
box-sizing: border-box;
|
||||
outline: none;
|
||||
padding: 0.36rem 0.66rem;
|
||||
-webkit-appearance: none;
|
||||
outline-offset: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
|
|
@ -964,6 +980,10 @@ textarea:focus {
|
|||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
|
|
@ -1013,6 +1033,9 @@ a:focus {
|
|||
* :focus-within needs its own selector so other similar
|
||||
* selectors don’t get ignored if a browser doesn’t recognize it
|
||||
*/
|
||||
/**
|
||||
* Fade-in animation for top-level submenus
|
||||
*/
|
||||
/**
|
||||
* Full-screen touch device styles
|
||||
*/
|
||||
|
|
@ -1096,6 +1119,10 @@ body.page .main-navigation {
|
|||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
|
|
@ -1106,19 +1133,14 @@ body.page .main-navigation {
|
|||
margin-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu {
|
||||
background-color: #0073aa;
|
||||
color: #fff;
|
||||
list-style: none;
|
||||
padding-right: 0;
|
||||
display: none;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
right: -999px;
|
||||
right: -9999px;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
|
|
@ -1184,6 +1206,10 @@ body.page .main-navigation {
|
|||
background: #005177;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu > li > a:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
||||
display: none;
|
||||
font-size: 0.88889em;
|
||||
|
|
@ -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 {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -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):focus > .sub-menu .sub-menu li > a:before,
|
||||
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
|
||||
font-family: "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;
|
||||
}
|
||||
|
||||
|
|
@ -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";
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -1610,6 +1636,10 @@ body.page .main-navigation {
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation .main-menu-more:nth-child(n+3) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Menu animation */
|
||||
@keyframes slide_in_right {
|
||||
100% {
|
||||
|
|
@ -2689,10 +2719,20 @@ body.page .main-navigation {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.entry .entry-content a:hover {
|
||||
.entry .entry-content a.button, .entry .entry-content a:hover {
|
||||
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] {
|
||||
margin: 32px 0 !important;
|
||||
max-width: 100% !important;
|
||||
|
|
@ -3395,7 +3435,7 @@ body.page .main-navigation {
|
|||
.widget_recent_comments ul ul li > a:before,
|
||||
.widget_recent_entries 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;
|
||||
}
|
||||
|
||||
|
|
@ -3510,7 +3550,6 @@ body.page .main-navigation {
|
|||
|
||||
.widget_calendar .calendar_wrap {
|
||||
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,
|
||||
|
|
@ -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 {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -3821,7 +3855,7 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -3886,7 +3920,7 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.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;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
|
@ -4277,7 +4311,7 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.entry .entry-content .wp-block-embed-twitter {
|
||||
overflow: hidden;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.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 {
|
||||
display: table;
|
||||
transition: background 150ms ease-in-out;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
|
|
@ -4301,6 +4336,8 @@ body.page .main-navigation {
|
|||
font-weight: bold;
|
||||
padding: 0.75rem 1rem;
|
||||
color: #fff;
|
||||
margin-right: 0;
|
||||
margin-top: calc(0.75 * 1rem);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
|
|
@ -4321,10 +4358,6 @@ body.page .main-navigation {
|
|||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
.entry .entry-content .wp-block-file * + .wp-block-file__button {
|
||||
margin-right: 0.75rem;
|
||||
}
|
||||
|
||||
.entry .entry-content .wp-block-code {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,6 +53,18 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
|
|||
## Captions
|
||||
## 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,
|
||||
* 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. */
|
||||
|
|
@ -401,7 +413,7 @@ body {
|
|||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
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-size: 1em;
|
||||
line-height: 1.8;
|
||||
|
|
@ -415,7 +427,7 @@ select,
|
|||
optgroup,
|
||||
textarea {
|
||||
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;
|
||||
line-height: 1.8;
|
||||
text-rendering: optimizeLegibility;
|
||||
|
|
@ -476,7 +488,7 @@ h6 {
|
|||
}
|
||||
|
||||
.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,
|
||||
|
|
@ -844,7 +856,7 @@ figure {
|
|||
|
||||
blockquote {
|
||||
border-left: 2px solid #0073aa;
|
||||
margin-left: -2rem;
|
||||
margin-left: 0;
|
||||
padding: 0 0 0 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -860,6 +872,7 @@ table {
|
|||
margin: 0 0 1rem;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
table td,
|
||||
|
|
@ -880,13 +893,14 @@ input[type="submit"] {
|
|||
border: none;
|
||||
border-radius: 5px;
|
||||
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-size: 0.88889em;
|
||||
font-weight: 600;
|
||||
font-weight: 700;
|
||||
line-height: 1.2;
|
||||
outline: none;
|
||||
padding: 0.76rem 1rem;
|
||||
text-decoration: none;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
|
|
@ -895,19 +909,17 @@ button:hover,
|
|||
input[type="button"]:hover,
|
||||
input[type="reset"]:hover,
|
||||
input[type="submit"]:hover {
|
||||
background: #111;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button:hover, .button:focus,
|
||||
button:hover,
|
||||
button:focus,
|
||||
input[type="button"]:hover,
|
||||
input[type="button"]:focus,
|
||||
input[type="reset"]:hover,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:hover,
|
||||
input[type="submit"]:focus {
|
||||
background: #111;
|
||||
.button:visited,
|
||||
button:visited,
|
||||
input[type="button"]:visited,
|
||||
input[type="reset"]:visited,
|
||||
input[type="submit"]:visited {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.button:focus,
|
||||
|
|
@ -915,6 +927,7 @@ button:focus,
|
|||
input[type="button"]:focus,
|
||||
input[type="reset"]:focus,
|
||||
input[type="submit"]:focus {
|
||||
background: #111;
|
||||
outline: thin dotted;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
|
@ -941,6 +954,9 @@ textarea {
|
|||
box-sizing: border-box;
|
||||
outline: none;
|
||||
padding: 0.36rem 0.66rem;
|
||||
-webkit-appearance: none;
|
||||
outline-offset: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
input[type="text"]:focus,
|
||||
|
|
@ -964,6 +980,10 @@ textarea:focus {
|
|||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
input[type="search"]::-webkit-search-decoration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
|
|
@ -1013,6 +1033,9 @@ a:focus {
|
|||
* :focus-within needs its own selector so other similar
|
||||
* selectors don’t get ignored if a browser doesn’t recognize it
|
||||
*/
|
||||
/**
|
||||
* Fade-in animation for top-level submenus
|
||||
*/
|
||||
/**
|
||||
* Full-screen touch device styles
|
||||
*/
|
||||
|
|
@ -1096,6 +1119,10 @@ body.page .main-navigation {
|
|||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
|
|
@ -1106,19 +1133,14 @@ body.page .main-navigation {
|
|||
margin-right: 0;
|
||||
}
|
||||
|
||||
.main-navigation .main-menu .is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu {
|
||||
background-color: #0073aa;
|
||||
color: #fff;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
display: none;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: -999px;
|
||||
left: -9999px;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
|
|
@ -1184,6 +1206,10 @@ body.page .main-navigation {
|
|||
background: #005177;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu > li > a:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
|
||||
display: none;
|
||||
font-size: 0.88889em;
|
||||
|
|
@ -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 {
|
||||
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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -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):focus > .sub-menu .sub-menu li > a:before,
|
||||
.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
|
||||
font-family: "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;
|
||||
}
|
||||
|
||||
|
|
@ -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";
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -1610,6 +1636,10 @@ body.page .main-navigation {
|
|||
}
|
||||
}
|
||||
|
||||
.main-navigation .main-menu-more:nth-child(n+3) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Menu animation */
|
||||
@keyframes slide_in_right {
|
||||
100% {
|
||||
|
|
@ -2695,10 +2725,20 @@ body.page .main-navigation {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.entry .entry-content a:hover {
|
||||
.entry .entry-content a.button, .entry .entry-content a:hover {
|
||||
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] {
|
||||
margin: 32px 0 !important;
|
||||
max-width: 100% !important;
|
||||
|
|
@ -3401,7 +3441,7 @@ body.page .main-navigation {
|
|||
.widget_recent_comments ul ul li > a:before,
|
||||
.widget_recent_entries 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;
|
||||
}
|
||||
|
||||
|
|
@ -3516,7 +3556,6 @@ body.page .main-navigation {
|
|||
|
||||
.widget_calendar .calendar_wrap {
|
||||
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,
|
||||
|
|
@ -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 {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -3833,7 +3867,7 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
|
@ -3898,7 +3932,7 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.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;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
|
@ -4289,7 +4323,7 @@ body.page .main-navigation {
|
|||
}
|
||||
|
||||
.entry .entry-content .wp-block-embed-twitter {
|
||||
overflow: hidden;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.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 {
|
||||
display: table;
|
||||
transition: background 150ms ease-in-out;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
|
|
@ -4313,6 +4348,8 @@ body.page .main-navigation {
|
|||
font-weight: bold;
|
||||
padding: 0.75rem 1rem;
|
||||
color: #fff;
|
||||
margin-left: 0;
|
||||
margin-top: calc(0.75 * 1rem);
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
|
|
@ -4333,10 +4370,6 @@ body.page .main-navigation {
|
|||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
.entry .entry-content .wp-block-file * + .wp-block-file__button {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
.entry .entry-content .wp-block-code {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
*
|
||||
* @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.
|
||||
|
|
|
|||
Loading…
Reference in New Issue