Make WordPress Core

Changeset 43904


Ignore:
Timestamp:
11/16/2018 12:13:32 AM (5 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.