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 2018-11-16 00:14:49 +00:00
parent 2ae0f9e6b4
commit 2a8d718307
21 changed files with 665 additions and 368 deletions

View File

@ -29,6 +29,9 @@ function twentynineteen_custom_colors_css() {
$saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) ); $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
$saturation = $saturation . '%'; $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 = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
$lightness = $lightness . '%'; $lightness = $lightness . '%';
@ -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; */
} }

View File

@ -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>';

View File

@ -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();
})(); })();

View File

@ -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,10 +264,16 @@
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 // Prevent default mouse events
event.preventDefault(); 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
} }
// 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() { 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;
setTimeout( function() {
toggleSubmenuDisplay(); toggleSubmenuDisplay();
isResizing = false; isResizing = false;
}, 150 ); }, 150 );
} ) } );
);
})(); })();

View File

@ -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;
}
} }

View File

@ -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;
}
}
} }

View File

@ -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
@ -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

View File

@ -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 {

View File

@ -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 {

View File

@ -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;
} }

View File

@ -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 {
} }

View File

@ -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 */

View File

@ -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.

View File

@ -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 {

View File

@ -1,6 +1,20 @@
/*
* Chrome renders extra-wide &nbsp; 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;

View File

@ -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 &nbsp; characters for the Hoefler Text font. * Chrome renders extra-wide &nbsp; 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));
}

View File

@ -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 &nbsp; 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 {
@ -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) );
}
}
}
} }

View File

@ -53,6 +53,18 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
## Captions ## Captions
## Galleries ## Galleries
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/*
* Chrome renders extra-wide &nbsp; 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 dont get ignored if a browser doesnt recognize it * selectors dont get ignored if a browser doesnt 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;
} }

View File

@ -53,6 +53,18 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
## Captions ## Captions
## Galleries ## Galleries
--------------------------------------------------------------*/ --------------------------------------------------------------*/
/*
* Chrome renders extra-wide &nbsp; 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 dont get ignored if a browser doesnt recognize it * selectors dont get ignored if a browser doesnt 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;
} }

View File

@ -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.