WordPress.org
Get WordPress

Make WordPress Core

Changeset 43904


Ignore:
Timestamp:
11/16/2018 12:13:32 AM (8 years ago)
Author:
allancole
Message:

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.

Location:
branches/5.0/src/wp-content/themes/twentynineteen
Files:
20 edited

Legend:

Unmodified
Added
Removed

  • branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r43892 r43904  
    2727         */
    2828
    29         $saturation          = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    30         $saturation          = $saturation . '%';
    31 
    32         $lightness           = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
    33         $lightness           = $lightness . '%';
    34 
    35         $lightness_hover     = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
    36         $lightness_hover     = $lightness_hover . '%';
    37 
    38         $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
    39         $lightness_selection = $lightness_selection . '%';
     29        $saturation           = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30        $saturation           = $saturation . '%';
     31
     32        $saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
     33        $saturation_selection = $saturation_selection . '%';
     34
     35        $lightness            = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     36        $lightness            = $lightness . '%';
     37
     38        $lightness_hover      = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     39        $lightness_hover      = $lightness_hover . '%';
     40
     41        $lightness_selection  = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
     42        $lightness_selection  = $lightness_selection . '%';
    4043
    4144        $theme_css = '
    … …  
    8386                 */
    8487                a,
    85                 a:visited,
     88                a:not(.button):visited,
    8689                .main-navigation .main-menu > li,
    8790                .main-navigation ul.main-menu > li > a,
    … …  
    169172                /* Text selection colors */
    170173                ::selection {
    171                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
     174                        background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
    172175                }
    173176                ::-moz-selection {
    174                         background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
     177                        background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
    175178                }';
    176179
    … …  
    187190                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
    188191                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
    189                 .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
     192                .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
     193                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
    190194                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    191195                }
    … …  
    210214                /* Hover colors */
    211215                .editor-block-list__layout .editor-block-list__block a:hover,
    212                 .editor-block-list__layout .editor-block-list__block a:active {
     216                .editor-block-list__layout .editor-block-list__block a:active,
     217                .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
    213218                        color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
    214219                }

  • branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php

    r43892 r43904  
    206206        if ( 'menu-1' === $args->theme_location ) :
    207207
    208                 $nav_menu .= '<div class="main-menu-more"       >';
     208                $nav_menu .= '<div class="main-menu-more">';
    209209                $nav_menu .= '<ul class="main-menu" tabindex="0">';
    210210                $nav_menu .= '<li class="menu-item menu-item-has-children">';
    211                 $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html( 'More', 'twentynineteen' ) . '</a>';
    212                 $nav_menu .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
     211                $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html__( 'More', 'twentynineteen' ) . '</a>';
     212                $nav_menu .= '<span class="submenu-expand main-menu-more-toggle is-empty" tabindex="-1">';
    213213                $nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
    214214                $nav_menu .= '</span>';
    215                 $nav_menu .= '<ul class="sub-menu hidden-links is-hidden">';
     215                $nav_menu .= '<ul class="sub-menu hidden-links">';
    216216                $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
    217                 $nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
     217                $nav_menu .= '<span class="menu-item-link-return">';
    218218                $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
    219219                $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
    220                 $nav_menu .= '</a>';
     220                $nav_menu .= '</span>';
    221221                $nav_menu .= '</li>';
    222222                $nav_menu .= '</ul>';

  • branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js

    r43892 r43904  
    11(function() {
     2
     3        /**
     4         * Debounce
     5         *
     6         * @param {Function} func
     7         * @param {number} wait
     8         * @param {boolean} immediate
     9         */
     10        function debounce(func, wait, immediate) {
     11                'use strict';
     12
     13                var timeout;
     14                wait      = (typeof wait !== 'undefined') ? wait : 20;
     15                immediate = (typeof immediate !== 'undefined') ? immediate : true;
     16
     17                return function() {
     18
     19                        var context = this, args = arguments;
     20                        var later = function() {
     21                                timeout = null;
     22
     23                                if (!immediate) {
     24                                        func.apply(context, args);
     25                                }
     26                        };
     27
     28                        var callNow = immediate && !timeout;
     29
     30                        clearTimeout(timeout);
     31                        timeout = setTimeout(later, wait);
     32
     33                        if (callNow) {
     34                                func.apply(context, args);
     35                        }
     36                };
     37        }
     38
    239        /**
    340         * Prepends an element to a container.
    … …  
    1956         * @param {Element} element
    2057         */
    21         function showElement(element) {
     58        function showButton(element) {
    2259                // classList.remove is not supported in IE11
    23                 element.className = element.className.replace('is-hidden', '');
     60                element.className = element.className.replace('is-empty', '');
    2461        }
    2562
    … …  
    2966         * @param {Element} element
    3067         */
    31         function hideElement(element) {
     68        function hideButton(element) {
    3269                // classList.add is not supported in IE11
    33                 if (!element.classList.contains('is-hidden')) {
    34                         element.className += ' is-hidden';
     70                if (!element.classList.contains('is-empty')) {
     71                        element.className += ' is-empty';
    3572                }
    3673        }
    37 
    38         /**
    39          * Toggles the element visibility.
    40          *
    41          * @param {Element} element
    42          */
    43         function toggleElementVisibility(element) {
    44                 if (element.classList.contains('is-hidden')) {
    45                         showElement(element);
    46                 } else {
    47                         hideElement(element);
    48                 }
    49         }
    50 
    51         var navContainer = document.querySelector('.main-navigation');
    52         // Adds the necessary UI to operate the menu.
    53         var toggleButton = document.querySelector('.main-navigation .main-menu-more-toggle');
    54         var visibleList = document.querySelector('.main-navigation .main-menu[id]');
    55         var hiddenList = document.querySelector('.main-navigation .hidden-links');
    56         var breaks = [];
    5774
    5875        /**
    … …  
    6178         * @returns {number} Available space
    6279         */
    63         function getAvailableSpace() {
    64                 return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
     80        function getAvailableSpace( button, container ) {
     81                return container.offsetWidth - button.offsetWidth - 50;
    6582        }
    6683
    … …  
    7087         * @returns {boolean} Is overflowing
    7188         */
    72         function isOverflowingNavivation() {
    73                 return visibleList.offsetWidth > getAvailableSpace();
     89        function isOverflowingNavivation( list, button, container ) {
     90                return list.offsetWidth > getAvailableSpace( button, container );
    7491        }
     92
     93        /**
     94         * Set menu container variable
     95         */
     96        var navContainer = document.querySelector('.main-navigation');
     97        var breaks       = [];
    7598
    7699        /**
    77100         * Refreshes the list item from the menu depending on the menu size
    78101         */
    79         function updateNavigationMenu() {
     102        function updateNavigationMenu( container ) {
    80103
    81                 if (isOverflowingNavivation()) {
     104                // Adds the necessary UI to operate the menu.
     105                var visibleList  = container.parentNode.querySelector('.main-menu[id]');
     106                var hiddenList   = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
     107                var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
     108
     109                if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
     110
    82111                        // Record the width of the list
    83                         breaks.push(visibleList.offsetWidth);
    84                         // Move item to the hidden list
    85                         prependElement(hiddenList, visibleList.lastChild);
     112                        breaks.push( visibleList.offsetWidth );
     113                        // Move last item to the hidden list
     114                        prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
    86115                        // Show the toggle button
    87                         showElement(toggleButton);
     116                        showButton( toggleButton );
     117
    88118                } else {
     119
    89120                        // There is space for another item in the nav
    90                         if (getAvailableSpace() > breaks[breaks.length - 1]) {
     121                        if ( getAvailableSpace( toggleButton, container ) > breaks[breaks.length - 1] ) {
    91122                                // Move the item to the visible list
    92                                 visibleList.appendChild(hiddenList.firstChild.nextSibling);
     123                                visibleList.appendChild( hiddenList.firstChild.nextSibling );
    93124                                breaks.pop();
    94125                        }
    … …  
    96127                        // Hide the dropdown btn if hidden list is empty
    97128                        if (breaks.length < 2) {
    98                                 hideElement(toggleButton);
    99                                 hideElement(hiddenList);
     129                                hideButton( toggleButton );
    100130                        }
    101131                }
    102132
    103133                // Recur if the visible list is still overflowing the nav
    104                 if (isOverflowingNavivation()) {
    105                         updateNavigationMenu();
     134                if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
     135                        updateNavigationMenu( container );
    106136                }
    107137        }
    108138
    109         // Event listeners
    110         // Run our sub-menu function as soon as the document is `ready`
     139        /**
     140         * Run our priority+ function as soon as the document is `ready`
     141         */
    111142        document.addEventListener( 'DOMContentLoaded', function() {
    112                 updateNavigationMenu();
     143
     144                updateNavigationMenu( navContainer );
     145
     146                // Also, run our priority+ function on selective refresh in the customizer
     147                var hasSelectiveRefresh = (
     148                        'undefined' !== typeof wp &&
     149                        wp.customize &&
     150                        wp.customize.selectiveRefresh
     151                );
     152
     153                if ( hasSelectiveRefresh ) {
     154                        // Force a full refresh on partial content renders to re-run updateNavigationMenu()
     155                        wp.customize.selectiveRefresh.bind('partial-content-rendered', function () {
     156                                wp.customize.preview.send('refresh');
     157                        });
     158        }
    113159        });
    114160
     161        /**
     162         * Run our priority+ function on load
     163         */
    115164        window.addEventListener('load', function() {
    116                 updateNavigationMenu();
     165                updateNavigationMenu( navContainer );
    117166        });
    118167
    119         window.addEventListener('resize', function() {
    120                 updateNavigationMenu();
    121         });
     168        /**
     169         * Run our priority+ function every time the window resizes
     170         */
     171        var isResizing = false;
     172        window.addEventListener( 'resize',
     173                debounce( function() {
     174                        if ( isResizing ) {
     175                                return;
     176                        }
    122177
    123         toggleButton.addEventListener('click', function() {
    124                 toggleElementVisibility(hiddenList);
    125         });
     178                        isResizing = true;
     179                        setTimeout( function() {
     180                                updateNavigationMenu( navContainer );
     181                                isResizing = false;
     182                        }, 150 );
     183                } )
     184        );
    126185
    127         updateNavigationMenu();
     186        /**
     187         * Run our priority+ function
     188         */
     189        updateNavigationMenu( navContainer );
     190
    128191})();

  • branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js

    r43892 r43904  
    77(function() {
    88
    9         // Debounce
     9        /**
     10         * Debounce
     11         *
     12         * @param {Function} func
     13         * @param {number} wait
     14         * @param {boolean} immediate
     15         */
    1016        function debounce(func, wait, immediate) {
    1117                'use strict';
    … …  
    3743        }
    3844
    39         // Add Class
     45        /**
     46         * Add class
     47         *
     48         * @param {Object} el
     49         * @param {string} cls
     50         */
    4051        function addClass(el, cls) {
    4152                if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
    … …  
    4455        }
    4556
    46         // Delete Class
     57        /**
     58         * Delete class
     59         *
     60         * @param {Object} el
     61         * @param {string} cls
     62         */
    4763        function deleteClass(el, cls) {
    4864                el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
    4965        }
    5066
    51         // Has Class?
     67        /**
     68         * Has class?
     69         *
     70         * @param {Object} el
     71         * @param {string} cls
     72         *
     73         * @returns {boolean} Has class
     74         */
    5275        function hasClass(el, cls) {
    5376
    … …  
    5780        }
    5881
    59         // Toggle Aria Expanded state for screenreaders
     82        /**
     83         * Toggle Aria Expanded state for screenreaders
     84         *
     85         * @param {Object} ariaItem
     86         */
    6087        function toggleAriaExpandedState( ariaItem ) {
    6188                'use strict';
    … …  
    7299        }
    73100
    74         // Open sub-menu
     101        /**
     102         * Open sub-menu
     103         *
     104         * @param {Object} currentSubMenu
     105         */
    75106        function openSubMenu( currentSubMenu ) {
    76107                'use strict';
    … …  
    85116        }
    86117
    87         // Close sub-menu
     118        /**
     119         * Close sub-menu
     120         *
     121         * @param {Object} currentSubMenu
     122         */
    88123        function closeSubMenu( currentSubMenu ) {
    89124                'use strict';
    … …  
    117152        }
    118153
    119         // Find first ancestor of an element by selector
     154        /**
     155         * Find first ancestor of an element by selector
     156         *
     157         * @param {Object} child
     158         * @param {String} selector
     159         * @param {String} stopSelector
     160         */
    120161        function getCurrentParent( child, selector, stopSelector ) {
    121162
    … …  
    140181        }
    141182
    142         // Remove all off-canvas states
     183        /**
     184         * Remove all off-canvas states
     185         */
    143186        function removeAllFocusStates() {
    144187                'use strict';
    145188
    146                 var getFocusedElements = document.querySelectorAll(':hover, :focus, :focus-within');
     189                var siteBranding            = document.getElementsByClassName( 'site-branding' )[0];
     190                var getFocusedElements      = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
     191                var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
    147192                var i;
     193                var o;
    148194
    149195                for ( i = 0; i < getFocusedElements.length; i++) {
    150196                        getFocusedElements[i].blur();
    151197                }
    152         }
    153 
    154         // Matches polyfill for IE11
     198
     199                for ( o = 0; o < getFocusedClassElements.length; o++) {
     200                        deleteClass( getFocusedClassElements[o], 'is-focused' );
     201                }
     202        }
     203
     204        /**
     205         * Matches polyfill for IE11
     206         */
    155207        if (!Element.prototype.matches) {
    156208                Element.prototype.matches = Element.prototype.msMatchesSelector;
    157209        }
    158210
    159         // Toggle `focus` class to allow sub-menu access on touch screens.
     211        /**
     212         * Toggle `focus` class to allow sub-menu access on touch screens.
     213         */
    160214        function toggleSubmenuDisplay() {
    161215
    … …  
    211265                                // Prevent default mouse events
    212266                                event.preventDefault();
    213                         }
    214 
    215                         // Prevent default mouse events
    216                         event.preventDefault();
     267                        } else if (
     268                                event.target.matches('.submenu-expand') ||
     269                                null != getCurrentParent( event.target, '.submenu-expand' ) &&
     270                                getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
     271                                event.target.matches('.menu-item-link-return') ||
     272                                null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
     273                                getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
     274                                        // Prevent default mouse events
     275                                        event.preventDefault();
     276                        }
    217277
    218278                        // Prevent default mouse/focus events
    … …  
    223283                document.addEventListener('focus', function(event) {
    224284
    225                         if ( event.target.matches('.main-navigation > div > ul > li > a') ) {
    226 
    227                                 // Remove Focuse elements in sibling div
    228                                 var currentDiv        = getCurrentParent( event.target, 'div' );
     285                        if ( event.target.matches('.main-navigation > div > ul > li a') ) {
     286
     287                                // Remove Focused elements in sibling div
     288                                var currentDiv        = getCurrentParent( event.target, 'div', '.main-navigation' );
    229289                                var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
    230290                                var focusedElement    = currentDivSibling.querySelector( '.is-focused' );
    231291                                var focusedClass      = 'is-focused';
    232                                 var prevLi            = event.target.parentNode.previousElementSibling;
    233                                 var nextLi            = event.target.parentNode.nextElementSibling;
     292                                var prevLi            = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
     293                                var nextLi            = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
    234294
    235295                                if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
    … …  
    237297                                }
    238298
    239                                 // Add .is-focused class to top-level ul
    240                                 if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
    241                                         addClass( event.target.parentNode, focusedClass );
     299                                // Add .is-focused class to top-level li
     300                                if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
     301                                        addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
    242302                                }
    243303
    … …  
    252312                                }
    253313                        }
     314
    254315                }, true);
    255         }
    256 
    257         // Run our sub-menu function as soon as the document is `ready`
     316
     317                document.addEventListener('click', function(event) {
     318
     319                        // Remove all focused menu states when clicking outside site branding
     320                        if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
     321                                removeAllFocusStates();
     322                        } else {
     323                                // nothing
     324                        }
     325
     326                }, false);
     327        }
     328
     329        /**
     330         * Run our sub-menu function as soon as the document is `ready`
     331         */
    258332        document.addEventListener( 'DOMContentLoaded', function() {
    259333                toggleSubmenuDisplay();
    260334        });
    261         // Annnnnd also every time the window resizes
     335
     336        /**
     337         * Run our sub-menu function on selective refresh in the customizer
     338         */
     339        document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
     340                if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
     341                        toggleSubmenuDisplay();
     342                }
     343        });
     344
     345        /**
     346         * Run our sub-menu function every time the window resizes
     347         */
    262348        var isResizing = false;
    263         window.addEventListener( 'resize',
     349        window.addEventListener( 'resize', function() {
     350                isResizing = true;
    264351                debounce( function() {
    265352                        if ( isResizing ) {
    … …  
    267354                        }
    268355
    269                         isResizing = true;
    270                         setTimeout( function() {
    271                                 toggleSubmenuDisplay();
    272                                 isResizing = false;
    273                         }, 150 );
    274                 } )
    275         );
     356                        toggleSubmenuDisplay();
     357                        isResizing = false;
     358
     359                }, 150 );
     360        } );
    276361
    277362})();

  • branches/5.0/src/wp-content/themes/twentynineteen/print.css

    r43842 r43904  
    1919  @page {
    2020    margin: 2cm;
     21  }
     22  .entry {
     23    margin-top: 1em;
    2124  }
    2225  .entry .entry-header, .site-footer .site-info {
    … …  
    98101  .site-branding-container:before,
    99102  .entry .entry-title:before,
    100   .entry-meta, .entry-footer,
     103  .entry-footer,
    101104  .author-description:before,
    102   .post-navigation {
     105  .post-navigation,
     106  .widget-area,
     107  .comment-form-flex {
    103108    display: none;
    104109  }
     110  /* Site Header (With Featured Image) */
     111  .site-header.featured-image {
     112    min-height: 0;
     113  }
     114  .site-header.featured-image .main-navigation a,
     115  .site-header.featured-image .main-navigation a + svg,
     116  .site-header.featured-image .social-navigation a,
     117  .site-header.featured-image .site-title a,
     118  .site-header.featured-image .site-featured-image a,
     119  .site-header.featured-image .site-branding .site-title,
     120  .site-header.featured-image .site-branding .site-description,
     121  .site-header.featured-image .main-navigation a:after,
     122  .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
     123  .site-header.featured-image .main-navigation li,
     124  .site-header.featured-image .social-navigation li,
     125  .site-header.featured-image .entry-meta,
     126  .site-header.featured-image .entry-title {
     127    color: #000;
     128    text-shadow: none;
     129  }
     130  .site-header.featured-image .site-featured-image .entry-header,
     131  .site-header.featured-image .site-branding-container {
     132    margin-top: 0;
     133    margin-bottom: 0;
     134  }
     135  .site-header.featured-image .site-featured-image .post-thumbnail img {
     136    position: relative;
     137    height: initial;
     138    width: initial;
     139    object-fit: none;
     140    min-width: 0;
     141    min-height: 0;
     142    max-width: 100%;
     143    margin-top: 1rem;
     144  }
     145  /* Remove image filters from featured image */
     146  .image-filters-enabled *:after {
     147    display: none !important;
     148  }
     149  .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
     150    filter: none;
     151  }
    105152}

  • branches/5.0/src/wp-content/themes/twentynineteen/print.scss

    r43842 r43904  
    2222  @page {
    2323    margin: 2cm;
     24  }
     25
     26  .entry {
     27    margin-top: 1em;
    2428  }
    2529
    … …  
    121125  .site-branding-container:before,
    122126  .entry .entry-title:before,
    123   .entry-meta, .entry-footer,
     127  .entry-footer,
    124128  .author-description:before,
    125   .post-navigation {
     129  .post-navigation,
     130  .widget-area,
     131  .comment-form-flex {
    126132    display: none;
    127133  }
     134
     135  /* Site Header (With Featured Image) */
     136  .site-header.featured-image {
     137    min-height: 0;
     138   
     139    .main-navigation a,
     140    .main-navigation a + svg,
     141    .social-navigation a,
     142    .site-title a,
     143    .site-featured-image a,
     144    .site-branding .site-title,
     145    .site-branding .site-description,
     146    .main-navigation a:after,
     147    .main-navigation .main-menu > li.menu-item-has-children:after,
     148    .main-navigation li,
     149    .social-navigation li,
     150    .entry-meta,
     151    .entry-title {
     152      color: #000;
     153      text-shadow: none;
     154    }
     155
     156    .site-featured-image .entry-header,
     157    .site-branding-container {
     158      margin-top: 0;
     159      margin-bottom: 0;
     160    }
     161
     162    .site-featured-image .post-thumbnail img {
     163      position: relative;
     164      height: initial;
     165      width: initial;
     166      object-fit: none;
     167      min-width: 0;
     168      min-height: 0;
     169      max-width: 100%;
     170      margin-top: 1rem;
     171    }
     172  }
     173 
     174  /* Remove image filters from featured image */
     175  .image-filters-enabled {
     176
     177    *:after {
     178      display: none !important;
     179    }
     180
     181    .site-header.featured-image .site-featured-image .post-thumbnail img {
     182      filter: none;
     183    }
     184  }
    128185}

  • branches/5.0/src/wp-content/themes/twentynineteen/readme.txt

    r43892 r43904  
    33[![Build Status](https://travis-ci.org/WordPress/twentynineteen.svg?branch=master)](https://travis-ci.org/WordPress/twentynineteen)
    44
    5 **Contributors:** the WordPress team
    6 **Requires at least:** WordPress 4.9.6
    7 **Tested up to:** WordPress 4.9.8
    8 **Version:** 1.0
    9 **License:** GPLv2 or later
    10 **License URI:** http://www.gnu.org/licenses/gpl-2.0.html
     5**Contributors:** the WordPress team 
     6**Requires at least:** WordPress 4.9.6 
     7**Tested up to:** WordPress 4.9.8 
     8**Version:** 1.0 
     9**License:** GPLv2 or later 
     10**License URI:** http://www.gnu.org/licenses/gpl-2.0.html 
    1111**Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
    1212

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r43892 r43904  
    147147                                max-width: (0.33 * $desktop_width);
    148148                        }
    149                 }
    150 
    151                 &.aligncenter {
    152                         margin: 32px calc(2 * (100vw / 12));
    153                         max-width: calc(6 * (100vw / 12));
    154149                }
    155150        }
    … …  
    244239                        padding-top: ( .75 * $size__spacing-unit );
    245240                }
    246                
     241
    247242                li ul {
    248243                        list-style: none;
    … …  
    623618        //! Twitter Embed
    624619        .wp-block-embed-twitter {
    625                 overflow: hidden;
     620                word-break: break-word;
    626621        }
    627622
    … …  
    640635
    641636                .wp-block-file__button {
     637                        display: table;
    642638                        @include button-transition;
    643639                        border: none;
    … …  
    651647                        padding: ($size__spacing-unit * .75) $size__spacing-unit;
    652648                        color: #fff;
     649                        margin-left: 0;
     650                        margin-top: calc(0.75 * #{$size__spacing-unit});
    653651
    654652                        @include media(desktop) {
    … …  
    667665                                outline-offset: -4px;
    668666                        }
    669                 }
    670 
    671                 * + .wp-block-file__button {
    672                         margin-left: ($size__spacing-unit * .75);
    673667                }
    674668        }

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss

    r43892 r43904  
    7878blockquote {
    7979        border-left: 2px solid $color__link;
    80         margin-left: -($size__spacing-unit * 2);
     80        margin-left: 0;
    8181        padding: 0 0 0 $size__spacing-unit;
    8282

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss

    r43892 r43904  
    33        border-collapse: collapse;
    44        width: 100%;
     5        font-family: $font__heading;
    56
    67        td,

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss

    r43842 r43904  
    1010        border-radius: 5px;
    1111        box-sizing: border-box;
    12         color: white;
     12        color: $color__background-body;
    1313        font-family: $font__heading;
    1414        font-size: $font__size-sm;
    15         font-weight: 600;
     15        font-weight: 700;
    1616        line-height: $font__line-height-heading;
    1717        outline: none;
    1818        padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
     19        text-decoration: none;
    1920        vertical-align: bottom;
    2021
    2122        &:hover {
     23                background: $color__background-button-hover;
    2224                cursor: pointer;
    2325        }
    2426
    25         &:hover,
    26         &:focus {
    27                 background: $color__background-button-hover;
     27        &:visited {
     28                color: $color__background-body;
     29                text-decoration: none;
    2830        }
    2931
    3032        &:focus {
     33                background: $color__background-button-hover;
    3134                outline: thin dotted;
    3235                outline-offset: -4px;

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss

    r43842 r43904  
    2121        outline: none;
    2222        padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
     23        -webkit-appearance: none;
     24        outline-offset: 0;
     25        border-radius: 0;
    2326
    2427        &:focus {
    … …  
    2629                outline: thin solid rgba( $color__link, 0.15 );
    2730                outline-offset: -4px;
     31        }
     32}
     33
     34input[type="search"] {
     35        &::-webkit-search-decoration {
     36                display: none;
    2837        }
    2938}

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

    r43892 r43904  
    6565
    6666                                .submenu-expand {
     67
    6768                                        display: inline-block;
    6869                                        margin-right: #{0.5 * $size__spacing-unit};
    … …  
    8687                                        }
    8788
     89                                        .wp-customizer-unloading &,
     90                                        &.is-empty {
     91                                                display: none;
     92                                        }
     93
    8894                                        svg {
    8995                                                position: relative;
    … …  
    97103                                margin-right: 0;
    98104                        }
    99                 }
    100 
    101                 .is-hidden {
    102                         display: none;
    103105                }
    104106        }
    … …  
    111113                padding-left: 0;
    112114
    113                 display: none;
    114115                position: absolute;
    115116                opacity: 0;
    116                 left: -999px;
     117                left: -9999px;
    117118                z-index: 99999;
    118119
    … …  
    182183                        }
    183184
     185                        > a:empty {
     186                                display: none;
     187                        }
     188
    184189                        &.mobile-parent-nav-menu-item {
    185190
    … …  
    395400
    396401        /**
     402         * Fade-in animation for top-level submenus
     403         */
     404        .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
     405                animation: fade_in 0.1s forwards;
     406        }
     407
     408        /**
    397409         * Full-screen touch device styles
    398410         */
    399411        .main-menu .menu-item-has-children.off-canvas .sub-menu {
    400 
    401                 animation: fade_in 0.1s forwards;
    402412
    403413                .submenu-expand .svg-icon {
    … …  
    464474                }
    465475        }
     476
     477        // Hide duplicate menu-more-link when re-loading a menu in the customizer
     478        .main-menu-more {
     479                &:nth-child(n+3) {
     480                        display: none;
     481                }
     482        }
     483
    466484}
    467485

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss

    r43892 r43904  
    213213                        text-decoration: underline;
    214214
     215                        &.button,
    215216                        &:hover {
    216217                                text-decoration: none;
     218                        }
     219
     220                        &.button {
     221                                display: inline-block;
     222                        }
     223
     224                        &.button:hover {
     225                                background: $color__background-button-hover;
     226                                color: $color__background-body;
     227                                cursor: pointer;
    217228                        }
    218229                }

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

    r43892 r43904  
    6262.widget_calendar .calendar_wrap {
    6363        text-align: center;
    64         font-family: $font__heading;
    6564
    6665        table td,

  • branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss

    r43892 r43904  
     1/*
     2 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     3 * This results in a jumping cursor when typing in both the Classic and block
     4 * editors. The following font-face override fixes the issue by manually inserting
     5 * a custom font that includes just a Hoefler Text space replacement for that
     6 * character instead.
     7 */
     8@font-face {
     9        font-family: 'NonBreakingSpaceOverride';
     10        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'),
     11                 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');
     12
     13}
     14
    115// Font and typographic variables
    216
    3 $font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     17$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    418$font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    519$font__code: Menlo, monaco, Consolas, Lucida Console, monospace;

  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css

    r43892 r43904  
    33*/
    44/** === Includes === */
    5 /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    6  * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    7  * layers of box-shadow to add the border visually, which will render the border smoother. */
    8 /* Fallback for non-latin fonts */
    9 /* Calculates maximum width for post content */
    10 /* Nested sub-menu padding: 10 levels deep */
    115/*
    126 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    … …  
    2115}
    2216
     17/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
     18 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
     19 * layers of box-shadow to add the border visually, which will render the border smoother. */
     20/* Fallback for non-latin fonts */
     21/* Calculates maximum width for post content */
     22/* Nested sub-menu padding: 10 levels deep */
    2323/** === Editor Frame === */
    2424body .wp-block[data-align="full"] {
    … …  
    2727
    2828@media only screen and (min-width: 600px) {
    29   body {
    30     padding-top: 0;
    31   }
    32   body :not(.editor-inner-blocks) > .editor-block-list__layout,
    33   body .editor-post-title {
    34     padding-left: 0;
    35     padding-right: 0;
    36   }
     29  body .wp-block[data-align="full"] {
     30    width: calc( 100% + 90px);
     31    max-width: calc( 100% + 90px);
     32  }
     33}
     34
     35@media only screen and (min-width: 768px) {
    3736  body .editor-writing-flow {
    38     padding-top: 50px;
    39     overflow: hidden;
    40   }
    41   body .wp-block[data-align="full"] {
    42     position: relative;
    43     left: 45px;
    44   }
    45 }
    46 
    47 @media only screen and (min-width: 768px) {
    48   body :not(.editor-inner-blocks) > .editor-block-list__layout,
    49   body .editor-post-title {
    50     padding-left: 46px;
    51     padding-right: 46px;
    52   }
    53   body .editor-block-list__layout,
    54   body .editor-post-title {
    5537    max-width: 80%;
    5638    margin: 0 10%;
    … …  
    6951    left: calc( -12.5% - 14px);
    7052    width: calc( 125% + 116px);
    71     max-width: calc( 125% + 116px);
     53    max-width: calc( 125% + 115px);
    7254  }
    7355  body .wp-block[data-align="right"] {
    … …  
    11799h6 {
    118100  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     101  font-weight: 700;
    119102}
    120103
    … …  
    235218
    236219/** === Default Appender === */
    237 .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
    238   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     220.editor-default-block-appender .editor-default-block-appender__content {
     221  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    239222  font-size: 22px;
    240223}
    … …  
    252235  font-weight: bold;
    253236  margin: 0 0.25em 0 0;
     237}
     238
     239/** === Table === */
     240.wp-block-table {
     241  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    254242}
    255243
    … …  
    509497}
    510498
     499.wp-block-file .wp-block-file__textlink {
     500  text-decoration: underline;
     501  color: #0073aa;
     502}
     503
     504.wp-block-file .wp-block-file__textlink:hover {
     505  color: #005177;
     506  text-decoration: none;
     507}
     508
    511509.wp-block-file .wp-block-file__button {
     510  display: table;
    512511  line-height: 1.8;
    513512  font-size: 0.88889em;
    … …  
    515514  background-color: #0073aa;
    516515  border-radius: 5px;
     516}
     517
     518.wp-block-file .wp-block-file__button-richtext-wrapper {
     519  display: block;
     520  margin-top: calc(0.75 * 1rem);
     521  margin-left: 0;
    517522}
    518523
    … …  
    601606
    602607.wp-block-categories ul ul li > a:before {
    603   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     608  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    604609  font-weight: normal;
    605610}
    … …  
    703708.wp-block-freeform {
    704709  /* Add style for galleries in classic-editor block */
    705   /* Add style for galleries in classic-editor block */
    706710}
    707711
    … …  
    717721  color: #767676;
    718722}
    719 
    720 .wp-block-freeform .gallery {
    721   display: flex;
    722 }
    723 
    724 .wp-block-freeform .gallery .gallery-item {
    725   padding: 0.5rem;
    726   text-align: center;
    727   vertical-align: top;
    728   width: 100%;
    729 }
    730 
    731 .wp-block-freeform .gallery .gallery-item .gallery-caption {
    732   margin: 0;
    733 }
    734 
    735 .wp-block-freeform .gallery.gallery-columns-2 .gallery-item {
    736   max-width: calc( ( 12 / 2 ) * (100% / 12));
    737 }
    738 
    739 .wp-block-freeform .gallery.gallery-columns-3 .gallery-item {
    740   max-width: calc( ( 12 / 3 ) * (100% / 12));
    741 }
    742 
    743 .wp-block-freeform .gallery.gallery-columns-4 .gallery-item {
    744   max-width: calc( ( 12 / 4 ) * (100% / 12));
    745 }
    746 
    747 .wp-block-freeform .gallery.gallery-columns-5 .gallery-item {
    748   max-width: calc( ( 12 / 5 ) * (100% / 12));
    749 }
    750 
    751 .wp-block-freeform .gallery.gallery-columns-6 .gallery-item {
    752   max-width: calc( ( 12 / 6 ) * (100% / 12));
    753 }
    754 
    755 .wp-block-freeform .gallery.gallery-columns-7 .gallery-item {
    756   max-width: calc( ( 12 / 7 ) * (100% / 12));
    757 }
    758 
    759 .wp-block-freeform .gallery.gallery-columns-8 .gallery-item {
    760   max-width: calc( ( 12 / 8 ) * (100% / 12));
    761 }
    762 
    763 .wp-block-freeform .gallery.gallery-columns-9 .gallery-item {
    764   max-width: calc( ( 12 / 9 ) * (100% / 12));
    765 }

  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

    r43892 r43904  
    99@import "sass/mixins/mixins-master";
    1010
    11 /*
    12  * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    13  * This results in a jumping cursor when typing in both the Classic and block
    14  * editors. The following font-face override fixes the issue by manually inserting
    15  * a custom font that includes just a Hoefler Text space replacement for that
    16  * character instead.
    17  */
    18 @font-face {
    19         font-family: 'NonBreakingSpaceOverride';
    20         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'),
    21                  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');
    22 
    23 }
    24 
    2511/** === Editor Frame === */
    2612
    … …  
    3218
    3319        @include media(mobile) {
    34                 padding-top: 0;
    35 
    36                 :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
    37                 .editor-post-title {
    38                         padding-left: 0;
    39                         padding-right: 0;
    40                 }
     20
     21                .wp-block[data-align="full"] {
     22                        width: calc( 100% + 90px );
     23                        max-width: calc( 100% + 90px );
     24                }
     25        }
     26
     27        @include media(tablet) {
    4128
    4229                .editor-writing-flow {
    43                         padding-top: 50px;
    44                         overflow: hidden;
    45                 }
    46 
    47                 .wp-block[data-align="full"] {
    48                         position: relative;
    49                         left: 45px;
    50                 }
    51         }
    52 
    53         @include media(tablet) {
    54 
    55                 :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
    56                 .editor-post-title {
    57                         padding-left: 46px;
    58                         padding-right: 46px;
    59                 }
    60 
    61                 .editor-block-list__layout,
    62                 .editor-post-title {
    6330                        max-width: 80%;
    6431                        margin: 0 10%;
    … …  
    8047                        left: calc( -12.5% - 14px );
    8148                        width: calc( 125% + 116px );
    82                         max-width: calc( 125% + 116px );
     49                        max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
    8350                }
    8451
    … …  
    11380body {
    11481        font-size: $font__size_base;
    115         font-family: 'NonBreakingSpaceOverride', $font__body;
     82        font-family: $font__body;
    11683        line-height: $font__line-height-body;
    11784        color: $color__text-main;
    … …  
    12996h6 {
    13097        font-family: $font__heading;
     98        font-weight: 700;
    13199}
    132100
    … …  
    232200/** === Default Appender === */
    233201
    234 .editor-default-block-appender input[type="text"].editor-default-block-appender__content {
     202.editor-default-block-appender .editor-default-block-appender__content {
    235203        font-family: $font__body;
    236204        font-size: $font__size_base;
    … …  
    255223                margin: 0 0.25em 0 0;
    256224        }
     225}
     226
     227/** === Table === */
     228
     229.wp-block-table {
     230        font-family: $font__heading;
    257231}
    258232
    … …  
    509483
    510484.wp-block[data-type="core/pullquote"][data-align="full"] {
    511        
    512         @include media(tablet) {
    513                
     485
     486        @include media(tablet) {
     487
    514488                .wp-block-pullquote blockquote {
    515489                        max-width: calc(80% - 128px);
    … …  
    524498        font-family: $font__heading;
    525499
     500        .wp-block-file__textlink {
     501                text-decoration: underline;
     502                color: $color__link;
     503
     504                &:hover {
     505                        color: $color__link-hover;
     506                        text-decoration: none;
     507                }
     508        }
     509
    526510        .wp-block-file__button {
     511                display: table;
    527512                line-height: 1.8;
    528513                font-size: $font__size-sm;
    … …  
    531516                border-radius: 5px;
    532517        }
     518
     519        .wp-block-file__button-richtext-wrapper {
     520                display: block;
     521                margin-top: calc(0.75 * #{$size__spacing-unit});
     522                margin-left: 0;
     523        }
     524
    533525}
    534526
    … …  
    703695                }
    704696        }
    705 
    706         /* Add style for galleries in classic-editor block */
    707         .gallery {
    708 
    709                 display: flex;
    710 
    711                 .gallery-item {
    712                         padding: ( $size__spacing-unit * .5 );
    713                         text-align: center;
    714                         vertical-align: top;
    715                         width: 100%;
    716 
    717                         .gallery-caption {
    718                                 margin: 0;
    719                         }
    720                 }
    721 
    722                 // Loops to enumerate the classes for gallery columns.
    723                 @for $i from 2 through 9 {
    724                         &.gallery-columns-#{$i} .gallery-item {
    725                                 max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
    726                         }
    727                 }
    728         }
    729 }
     697}

  • branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css

    r43892 r43904  
    5454        ## Galleries
    5555--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  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");
     66}
     67
    5668/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    5769 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    … …  
    402414  -moz-osx-font-smoothing: grayscale;
    403415  color: #111;
    404   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    405417  font-weight: 400;
    406418  font-size: 1em;
    … …  
    416428textarea {
    417429  color: #111;
    418   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    419431  font-weight: 400;
    420432  line-height: 1.8;
    … …  
    477489
    478490.page-title {
    479   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    480492}
    481493
    … …  
    845857blockquote {
    846858  border-right: 2px solid #0073aa;
    847   margin-right: -2rem;
     859  margin-right: 0;
    848860  padding: 0 1rem 0 0;
    849861}
    … …  
    861873  border-collapse: collapse;
    862874  width: 100%;
     875  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    863876}
    864877
    … …  
    881894  border-radius: 5px;
    882895  box-sizing: border-box;
    883   color: white;
     896  color: #fff;
    884897  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    885898  font-size: 0.88889em;
    886   font-weight: 600;
     899  font-weight: 700;
    887900  line-height: 1.2;
    888901  outline: none;
    889902  padding: 0.76rem 1rem;
     903  text-decoration: none;
    890904  vertical-align: bottom;
    891905}
    … …  
    896910input[type="reset"]:hover,
    897911input[type="submit"]:hover {
     912  background: #111;
    898913  cursor: pointer;
    899914}
    900915
    901 .button:hover, .button:focus,
    902 button:hover,
    903 button:focus,
    904 input[type="button"]:hover,
    905 input[type="button"]:focus,
    906 input[type="reset"]:hover,
    907 input[type="reset"]:focus,
    908 input[type="submit"]:hover,
    909 input[type="submit"]:focus {
    910   background: #111;
     916.button:visited,
     917button:visited,
     918input[type="button"]:visited,
     919input[type="reset"]:visited,
     920input[type="submit"]:visited {
     921  color: #fff;
     922  text-decoration: none;
    911923}
    912924
    … …  
    916928input[type="reset"]:focus,
    917929input[type="submit"]:focus {
     930  background: #111;
    918931  outline: thin dotted;
    919932  outline-offset: -4px;
    … …  
    942955  outline: none;
    943956  padding: 0.36rem 0.66rem;
     957  -webkit-appearance: none;
     958  outline-offset: 0;
     959  border-radius: 0;
    944960}
    945961
    … …  
    965981}
    966982
     983input[type="search"]::-webkit-search-decoration {
     984  display: none;
     985}
     986
    967987textarea {
    968988  box-sizing: border-box;
    … …  
    10151035         */
    10161036  /**
     1037         * Fade-in animation for top-level submenus
     1038         */
     1039  /**
    10171040         * Full-screen touch device styles
    10181041         */
    … …  
    10971120}
    10981121
     1122.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 {
     1123  display: none;
     1124}
     1125
    10991126.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    11001127  position: relative;
    … …  
    11051132.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    11061133  margin-left: 0;
    1107 }
    1108 
    1109 .main-navigation .main-menu .is-hidden {
    1110   display: none;
    11111134}
    11121135
    … …  
    11161139  list-style: none;
    11171140  padding-right: 0;
    1118   display: none;
    11191141  position: absolute;
    11201142  opacity: 0;
    1121   right: -999px;
     1143  right: -9999px;
    11221144  z-index: 99999;
    11231145}
    … …  
    11831205.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    11841206  background: #005177;
     1207}
     1208
     1209.main-navigation .sub-menu > li > a:empty {
     1210  display: none;
    11851211}
    11861212
    … …  
    13211347
    13221348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
    1323   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1349  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13241350  font-weight: normal;
    13251351}
    13261352
    13271353.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
    1328   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1354  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13291355  font-weight: normal;
    13301356}
    … …  
    14861512.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
    14871513.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
    1488   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1514  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    14891515  font-weight: normal;
    14901516}
    … …  
    15441570}
    15451571
    1546 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
     1572.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
    15471573  animation: fade_in 0.1s forwards;
    15481574}
    … …  
    16091635    top: 0;
    16101636  }
     1637}
     1638
     1639.main-navigation .main-menu-more:nth-child(n+3) {
     1640  display: none;
    16111641}
    16121642
    … …  
    26902720}
    26912721
    2692 .entry .entry-content a:hover {
     2722.entry .entry-content a.button, .entry .entry-content a:hover {
    26932723  text-decoration: none;
     2724}
     2725
     2726.entry .entry-content a.button {
     2727  display: inline-block;
     2728}
     2729
     2730.entry .entry-content a.button:hover {
     2731  background: #111;
     2732  color: #fff;
     2733  cursor: pointer;
    26942734}
    26952735
    … …  
    33963436.widget_recent_entries ul ul li > a:before,
    33973437.widget_rss ul ul li > a:before {
    3398   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3438  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    33993439  font-weight: normal;
    34003440}
    … …  
    35113551.widget_calendar .calendar_wrap {
    35123552  text-align: center;
    3513   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35143553}
    35153554
    … …  
    37273766}
    37283767
    3729 .entry .entry-content .wp-block-audio.aligncenter {
    3730   margin: 32px calc(2 * (100vw / 12));
    3731   max-width: calc(6 * (100vw / 12));
    3732 }
    3733 
    37343768.entry .entry-content .wp-block-video video {
    37353769  width: 100%;
    … …  
    38223856
    38233857.entry .entry-content .wp-block-categories ul li > a:before {
    3824   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3858  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    38253859  font-weight: normal;
    38263860}
    … …  
    38873921
    38883922.entry .entry-content .wp-block-verse {
    3889   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3923  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    38903924  font-size: 22px;
    38913925  line-height: 1.8;
    … …  
    42784312
    42794313.entry .entry-content .wp-block-embed-twitter {
    4280   overflow: hidden;
     4314  word-break: break-word;
    42814315}
    42824316
    … …  
    42914325
    42924326.entry .entry-content .wp-block-file .wp-block-file__button {
     4327  display: table;
    42934328  transition: background 150ms ease-in-out;
    42944329  border: none;
    … …  
    43024337  padding: 0.75rem 1rem;
    43034338  color: #fff;
     4339  margin-right: 0;
     4340  margin-top: calc(0.75 * 1rem);
    43044341}
    43054342
    … …  
    43204357  outline: thin dotted;
    43214358  outline-offset: -4px;
    4322 }
    4323 
    4324 .entry .entry-content .wp-block-file * + .wp-block-file__button {
    4325   margin-right: 0.75rem;
    43264359}
    43274360

  • branches/5.0/src/wp-content/themes/twentynineteen/style.css

    r43892 r43904  
    5454        ## Galleries
    5555--------------------------------------------------------------*/
     56/*
     57 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     58 * This results in a jumping cursor when typing in both the Classic and block
     59 * editors. The following font-face override fixes the issue by manually inserting
     60 * a custom font that includes just a Hoefler Text space replacement for that
     61 * character instead.
     62 */
     63@font-face {
     64  font-family: 'NonBreakingSpaceOverride';
     65  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");
     66}
     67
    5668/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
    5769 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    … …  
    402414  -moz-osx-font-smoothing: grayscale;
    403415  color: #111;
    404   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     416  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    405417  font-weight: 400;
    406418  font-size: 1em;
    … …  
    416428textarea {
    417429  color: #111;
    418   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     430  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    419431  font-weight: 400;
    420432  line-height: 1.8;
    … …  
    477489
    478490.page-title {
    479   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     491  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    480492}
    481493
    … …  
    845857blockquote {
    846858  border-left: 2px solid #0073aa;
    847   margin-left: -2rem;
     859  margin-left: 0;
    848860  padding: 0 0 0 1rem;
    849861}
    … …  
    861873  border-collapse: collapse;
    862874  width: 100%;
     875  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    863876}
    864877
    … …  
    881894  border-radius: 5px;
    882895  box-sizing: border-box;
    883   color: white;
     896  color: #fff;
    884897  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    885898  font-size: 0.88889em;
    886   font-weight: 600;
     899  font-weight: 700;
    887900  line-height: 1.2;
    888901  outline: none;
    889902  padding: 0.76rem 1rem;
     903  text-decoration: none;
    890904  vertical-align: bottom;
    891905}
    … …  
    896910input[type="reset"]:hover,
    897911input[type="submit"]:hover {
     912  background: #111;
    898913  cursor: pointer;
    899914}
    900915
    901 .button:hover, .button:focus,
    902 button:hover,
    903 button:focus,
    904 input[type="button"]:hover,
    905 input[type="button"]:focus,
    906 input[type="reset"]:hover,
    907 input[type="reset"]:focus,
    908 input[type="submit"]:hover,
    909 input[type="submit"]:focus {
    910   background: #111;
     916.button:visited,
     917button:visited,
     918input[type="button"]:visited,
     919input[type="reset"]:visited,
     920input[type="submit"]:visited {
     921  color: #fff;
     922  text-decoration: none;
    911923}
    912924
    … …  
    916928input[type="reset"]:focus,
    917929input[type="submit"]:focus {
     930  background: #111;
    918931  outline: thin dotted;
    919932  outline-offset: -4px;
    … …  
    942955  outline: none;
    943956  padding: 0.36rem 0.66rem;
     957  -webkit-appearance: none;
     958  outline-offset: 0;
     959  border-radius: 0;
    944960}
    945961
    … …  
    965981}
    966982
     983input[type="search"]::-webkit-search-decoration {
     984  display: none;
     985}
     986
    967987textarea {
    968988  box-sizing: border-box;
    … …  
    10151035         */
    10161036  /**
     1037         * Fade-in animation for top-level submenus
     1038         */
     1039  /**
    10171040         * Full-screen touch device styles
    10181041         */
    … …  
    10971120}
    10981121
     1122.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 {
     1123  display: none;
     1124}
     1125
    10991126.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    11001127  position: relative;
    … …  
    11051132.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
    11061133  margin-right: 0;
    1107 }
    1108 
    1109 .main-navigation .main-menu .is-hidden {
    1110   display: none;
    11111134}
    11121135
    … …  
    11161139  list-style: none;
    11171140  padding-left: 0;
    1118   display: none;
    11191141  position: absolute;
    11201142  opacity: 0;
    1121   left: -999px;
     1143  left: -9999px;
    11221144  z-index: 99999;
    11231145}
    … …  
    11831205.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    11841206  background: #005177;
     1207}
     1208
     1209.main-navigation .sub-menu > li > a:empty {
     1210  display: none;
    11851211}
    11861212
    … …  
    13211347
    13221348.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
    1323   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1349  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13241350  font-weight: normal;
    13251351}
    13261352
    13271353.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
    1328   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1354  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    13291355  font-weight: normal;
    13301356}
    … …  
    14861512.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
    14871513.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
    1488   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     1514  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    14891515  font-weight: normal;
    14901516}
    … …  
    15441570}
    15451571
    1546 .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
     1572.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
    15471573  animation: fade_in 0.1s forwards;
    15481574}
    … …  
    16091635    top: 0;
    16101636  }
     1637}
     1638
     1639.main-navigation .main-menu-more:nth-child(n+3) {
     1640  display: none;
    16111641}
    16121642
    … …  
    26962726}
    26972727
    2698 .entry .entry-content a:hover {
     2728.entry .entry-content a.button, .entry .entry-content a:hover {
    26992729  text-decoration: none;
     2730}
     2731
     2732.entry .entry-content a.button {
     2733  display: inline-block;
     2734}
     2735
     2736.entry .entry-content a.button:hover {
     2737  background: #111;
     2738  color: #fff;
     2739  cursor: pointer;
    27002740}
    27012741
    … …  
    34023442.widget_recent_entries ul ul li > a:before,
    34033443.widget_rss ul ul li > a:before {
    3404   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3444  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    34053445  font-weight: normal;
    34063446}
    … …  
    35173557.widget_calendar .calendar_wrap {
    35183558  text-align: center;
    3519   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    35203559}
    35213560
    … …  
    37393778}
    37403779
    3741 .entry .entry-content .wp-block-audio.aligncenter {
    3742   margin: 32px calc(2 * (100vw / 12));
    3743   max-width: calc(6 * (100vw / 12));
    3744 }
    3745 
    37463780.entry .entry-content .wp-block-video video {
    37473781  width: 100%;
    … …  
    38343868
    38353869.entry .entry-content .wp-block-categories ul li > a:before {
    3836   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3870  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    38373871  font-weight: normal;
    38383872}
    … …  
    38993933
    39003934.entry .entry-content .wp-block-verse {
    3901   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     3935  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
    39023936  font-size: 22px;
    39033937  line-height: 1.8;
    … …  
    42904324
    42914325.entry .entry-content .wp-block-embed-twitter {
    4292   overflow: hidden;
     4326  word-break: break-word;
    42934327}
    42944328
    … …  
    43034337
    43044338.entry .entry-content .wp-block-file .wp-block-file__button {
     4339  display: table;
    43054340  transition: background 150ms ease-in-out;
    43064341  border: none;
    … …  
    43144349  padding: 0.75rem 1rem;
    43154350  color: #fff;
     4351  margin-left: 0;
     4352  margin-top: calc(0.75 * 1rem);
    43164353}
    43174354
    … …  
    43324369  outline: thin dotted;
    43334370  outline-offset: -4px;
    4334 }
    4335 
    4336 .entry .entry-content .wp-block-file * + .wp-block-file__button {
    4337   margin-left: 0.75rem;
    43384371}
    43394372
Note: See TracChangeset for help on using the changeset viewer.