Get WordPress

Make WordPress Core

Changeset 43904

Timestamp:
11/16/2018 12:13:32 AM (6 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: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 . ', ' . $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 . ', ' . $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" 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 .= '<">';
    218218        $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
    219219        $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
    220         $nav_menu .= '</a>';
     220        $nav_menu .= '</>';
    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
     5
     6
     7
     8
     9
     10
     11
     12
     13
     14
     15
     16
     17
     18
     19
     20
     21
     22
     23
     24
     25
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
     36
     37
     38
    239    /**
    340     * Prepends an element to a container.
    … …  
    1956     * @param {Element} element
    2057     */
    21     function showElement(element) {
     58    function show(element) {
    2259        // classList.remove is not supported in IE11
    23         element.className = element.className.replace('is-hidden', '');
     60        element.className = element.className.replace('is-', '');
    2461    }
    2562
    … …  
    2966     * @param {Element} element
    3067     */
    31     function hideElement(element) {
     68    function hide(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-')) {
     71            element.className += ' is-';
    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() {
     81        return utton.offsetWidth - 50;
    6582    }
    6683
    … …  
    7087     * @returns {boolean} Is overflowing
    7188     */
    72     function isOverflowingNavivation() {
    73         return visibleList.offsetWidth > getAvailableSpace();
     89    function isOverflowingNavivation() {
     90        return );
    7491    }
     92
     93
     94
     95
     96
     97
    7598
    7699    /**
    77100     * Refreshes the list item from the menu depending on the menu size
    78101     */
    79     function updateNavigationMenu() {
     102    function updateNavigationMenu() {
    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();
     113            // Move item to the hidden list
     114            prependElement();
    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 () {
    91122                // Move the item to the visible list
    92                 visibleList.appendChild(hiddenList.firstChild.nextSibling);
     123                visibleList.appendChild();
    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 () {
     135            updateNavigationMenu();
    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
     163
    115164    window.addEventListener('load', function() {
    116         updateNavigationMenu();
     165        updateNavigationMenu();
    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
    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 Focuse elements in sibling div
     288                var currentDiv        = getCurrentParent( event.target, 'div' );
    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            = .previousElementSibling;
     293                var nextLi            = .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
     300                if ( ) ) {
     301                    addClass( , 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
     23
    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
     111
     112
     113
     114
     115
     116
     117
     118
     119
     120
     121
     122
     123
     124
     125
     126
     127
     128
     129
     130
     131
     132
     133
     134
     135
     136
     137
     138
     139
     140
     141
     142
     143
     144
     145
     146
     147
     148
     149
     150
     151
    105152}

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

    r43842 r43904  
    2222  @page {
    2323    margin: 2cm;
     24
     25
     26
     27
    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
     136
     137
     138
     139
     140
     141
     142
     143
     144
     145
     146
     147
     148
     149
     150
     151
     152
     153
     154
     155
     156
     157
     158
     159
     160
     161
     162
     163
     164
     165
     166
     167
     168
     169
     170
     171
     172
     173
     174
     175
     176
     177
     178
     179
     180
     181
     182
     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        ;
    626621    }
    627622
    … …  
    640635
    641636        .wp-block-file__button {
     637
    642638            @include button-transition;
    643639            border: none;
    … …  
    651647            padding: ($size__spacing-unit * .75) $size__spacing-unit;
    652648            color: #fff;
     649
     650
    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: ;
    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
    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: ;
    1313    font-family: $font__heading;
    1414    font-size: $font__size-sm;
    15     font-weight: 600;
     15    font-weight: 00;
    1616    line-height: $font__line-height-heading;
    1717    outline: none;
    1818    padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
     19
    1920    vertical-align: bottom;
    2021
    2122    &:hover {
     23
    2224        cursor: pointer;
    2325    }
    2426
    25     &:hover,
    26     &:focus {
    27         background: $color__background-button-hover;
     27    &:
     28   
     29        ;
    2830    }
    2931
    3032    &:focus {
     33
    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
     24
     25
    2326
    2427    &:focus {
    … …  
    2629        outline: thin solid rgba( $color__link, 0.15 );
    2730        outline-offset: -4px;
     31
     32
     33
     34
     35
     36
    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
     90
     91
     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: -999px;
    117118        z-index: 99999;
    118119
    … …  
    182183            }
    183184
     185
     186
     187
     188
    184189            &.mobile-parent-nav-menu-item {
    185190
    … …  
    395400
    396401    /**
     402
     403
     404
     405
     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
     478
     479
     480
     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
    215216            &:hover {
    216217                text-decoration: none;
     218
     219
     220
     221
     222
     223
     224
     225
     226
     227
    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
     3
     4
     5
     6
     7
     8
     9
     10
     11
     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: "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
     18
     19
     20
     21
     22
    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% + 11px);
    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
    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: "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
     240
     241
    254242}
    255243
    … …  
    509497}
    510498
     499
     500
     501
     502
     503
     504
     505
     506
     507
     508
    511509.wp-block-file .wp-block-file__button {
     510
    512511  line-height: 1.8;
    513512  font-size: 0.88889em;
    … …  
    515514  background-color: #0073aa;
    516515  border-radius: 5px;
     516
     517
     518
     519
     520
     521
    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: "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% + 11
    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
    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
     228
     229
     230
    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
     501
     502
     503
     504
     505
     506
     507
     508
     509
    526510    .wp-block-file__button {
     511
    527512        line-height: 1.8;
    528513        font-size: $font__size-sm;
    … …  
    531516        border-radius: 5px;
    532517    }
     518
     519
     520
     521
     522
     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
     58
     59
     60
     61
     62
     63
     64
     65
     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: "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: "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: "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: ;
    848860  padding: 0 1rem 0 0;
    849861}
    … …  
    861873  border-collapse: collapse;
    862874  width: 100%;
     875
    863876}
    864877
    … …  
    881894  border-radius: 5px;
    882895  box-sizing: border-box;
    883   color: white;
     896  color: ;
    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: 00;
    887900  line-height: 1.2;
    888901  outline: none;
    889902  padding: 0.76rem 1rem;
     903
    890904  vertical-align: bottom;
    891905}
    … …  
    896910input[type="reset"]:hover,
    897911input[type="submit"]:hover {
     912
    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
    918931  outline: thin dotted;
    919932  outline-offset: -4px;
    … …  
    942955  outline: none;
    943956  padding: 0.36rem 0.66rem;
     957
     958
     959
    944960}
    945961
    … …  
    965981}
    966982
     983
     984
     985
     986
    967987textarea {
    968988  box-sizing: border-box;
    … …  
    10151035     */
    10161036  /**
     1037
     1038
     1039
    10171040     * Full-screen touch device styles
    10181041     */
    … …  
    10971120}
    10981121
     1122
     1123
     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: -999px;
    11221144  z-index: 99999;
    11231145}
    … …  
    11831205.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    11841206  background: #005177;
     1207
     1208
     1209
     1210
    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: "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: "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: "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 .sub-menu {
    15471573  animation: fade_in 0.1s forwards;
    15481574}
    … …  
    16091635    top: 0;
    16101636  }
     1637
     1638
     1639
     1640
    16111641}
    16121642
    … …  
    26902720}
    26912721
    2692 .entry .entry-content a:hover {
     2722.entry .entry-content a:hover {
    26932723  text-decoration: none;
     2724
     2725
     2726
     2727
     2728
     2729
     2730
     2731
     2732
     2733
    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: "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: "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: "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  ;
    42814315}
    42824316
    … …  
    42914325
    42924326.entry .entry-content .wp-block-file .wp-block-file__button {
     4327
    42934328  transition: background 150ms ease-in-out;
    42944329  border: none;
    … …  
    43024337  padding: 0.75rem 1rem;
    43034338  color: #fff;
     4339
     4340
    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
     58
     59
     60
     61
     62
     63
     64
     65
     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: "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: "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: "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: ;
    848860  padding: 0 0 0 1rem;
    849861}
    … …  
    861873  border-collapse: collapse;
    862874  width: 100%;
     875
    863876}
    864877
    … …  
    881894  border-radius: 5px;
    882895  box-sizing: border-box;
    883   color: white;
     896  color: ;
    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: 00;
    887900  line-height: 1.2;
    888901  outline: none;
    889902  padding: 0.76rem 1rem;
     903
    890904  vertical-align: bottom;
    891905}
    … …  
    896910input[type="reset"]:hover,
    897911input[type="submit"]:hover {
     912
    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
    918931  outline: thin dotted;
    919932  outline-offset: -4px;
    … …  
    942955  outline: none;
    943956  padding: 0.36rem 0.66rem;
     957
     958
     959
    944960}
    945961
    … …  
    965981}
    966982
     983
     984
     985
     986
    967987textarea {
    968988  box-sizing: border-box;
    … …  
    10151035     */
    10161036  /**
     1037
     1038
     1039
    10171040     * Full-screen touch device styles
    10181041     */
    … …  
    10971120}
    10981121
     1122
     1123
     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: -999px;
    11221144  z-index: 99999;
    11231145}
    … …  
    11831205.main-navigation .sub-menu > li > .menu-item-link-return:focus:after {
    11841206  background: #005177;
     1207
     1208
     1209
     1210
    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: "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: "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: "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 .sub-menu {
    15471573  animation: fade_in 0.1s forwards;
    15481574}
    … …  
    16091635    top: 0;
    16101636  }
     1637
     1638
     1639
     1640
    16111641}
    16121642
    … …  
    26962726}
    26972727
    2698 .entry .entry-content a:hover {
     2728.entry .entry-content a:hover {
    26992729  text-decoration: none;
     2730
     2731
     2732
     2733
     2734
     2735
     2736
     2737
     2738
     2739
    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: "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: "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: "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  ;
    42934327}
    42944328
    … …  
    43034337
    43044338.entry .entry-content .wp-block-file .wp-block-file__button {
     4339
    43054340  transition: background 150ms ease-in-out;
    43064341  border: none;
    … …  
    43144349  padding: 0.75rem 1rem;
    43154350  color: #fff;
     4351
     4352
    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.