WordPress.org
Get WordPress

Make WordPress Core

Changeset 46445


Ignore:
Timestamp:
10/08/2019 07:05:53 PM (5 years ago)
Author:
desrosj
Message:

Bundled Themes: Update Twenty Twenty.

This brings trunk's version of Twenty Twenty in-sync with GitHub.

For a complete list of changes since [46357], see ​https://github.com/WordPress/twentytwenty/compare/7157870...7246fd6.

Props anlino, ianbelanger, poena, williampatton, nielslange, acosmin, netweb, joyusly, luminuu, itowhid06, cbravobernal, intimez, glauberglauber, ocean90, amolv, briceduclos, aristath, mukesh27, garrett-eclipse, audrasjb, afercia, dianeco, utsav72640, mahesh901122, tobifjellner.
See #48110.

Location:
trunk/src/wp-content/themes/twentytwenty
Files:
1 added
37 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentytwenty/404.php

    r46357 r46445  
    1515    <div class="section-inner thin error404-content">
    1616
    17         <h1 class="entry-title"><?php _e( 'Page Not Found', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></h1>
     17        <h1 class="entry-title"><?php _e( 'Page Not Found', 'twentytwenty' ); ?></h1>
    1818
    19         <div class="intro-text"><p><?php _e( 'The page you were looking for could not be found. It might have been removed, renamed, or did not exist in the first place.', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></p></div>
     19        <div class="intro-text"><p><?php _e( 'The page you were looking for could not be found. It might have been removed, renamed, or did not exist in the first place.', 'twentytwenty' ); ?></p></div>
    2020
    2121        <?php
    2222        get_search_form(
    2323            array(
    24                 'label' => _x( '404 not found', 'Label', 'twentytwenty' ),
     24                'label' => __( '404 not found', 'twentytwenty' ),
    2525            )
    2626        );
    … …  
    2929    </div><!-- .section-inner -->
    3030
    31     <?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>
     31</main><!-- #site-content -->
    3232
    33 </main><!-- #site-content -->
     33<?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>
    3434
    3535<?php

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

    r46357 r46445  
    7474}
    7575
    76 .wp-block[data-align="wide"] .wp-block-group .wp-block {
    77     max-width: 100%;
    78 }
    79 
    80 .wp-block[data-align="full"] .wp-block-group .wp-block {
    81     max-width: 100%;
     76.wp-block[data-align="wide"] .wp-block,
     77.wp-block[data-align="full"] .wp-block {
     78    max-width: none;
     79}
     80
     81.wp-block[data-align="wide"] .wp-block[data-align="wide"],
     82.wp-block[data-align="full"] .wp-block[data-align="wide"] {
     83    max-width: 1200px;
     84}
     85
     86.wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]),
     87.wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) {
     88    margin-right: auto;
     89    margin-left: auto;
     90    max-width: 610px;
     91}
     92
     93.wp-block .wp-block[data-align="full"] {
     94    margin-right: 0;
     95    margin-left: 0;
    8296}
    8397
    … …  
    642656    margin: 0 auto;
    643657    max-width: 1200px;
    644     width: calc(100% - 50px);
     658    width: calc(100% - 40px);
    645659}
    646660
    … …  
    652666}
    653667
    654 .editor-styles-wrapper .wp-block-cover-image .wp-block,
    655 .editor-styles-wrapper .wp-block-cover .wp-block,
    656668.wp-block-cover-image .wp-block-cover-image-text,
    657669.wp-block-cover-image .wp-block-cover-text,
    … …  
    661673.wp-block-cover h2 {
    662674    max-width: 100%;
    663     padding: 0;
    664 }
    665 
    666 .editor-styles-wrapper .wp-block-cover p {
    667     font-family: inherit;
    668675}
    669676
    … …  
    672679}
    673680
     681/* Block: Shared Media Styles ---------------- */
     682
     683.wp-block[data-type*="core-embed"][data-align="full"] figcaption,
     684.wp-block[data-type="core/image"][data-align="full"] figcaption,
     685.wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
     686    padding: 0 14px;
     687}
    674688
    675689/* Block: Paragraph -------------------------- */
    … …  
    983997}
    984998
     999.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"],
     1000.wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] {
     1001    margin-right: 0;
     1002    width: 100%;
     1003}
     1004
    9851005/* Block: Paragraph -------------------------- */
    9861006
    … …  
    10411061@media ( min-width: 600px ) {
    10421062
     1063
     1064    /* BLOCK: SHARED MEDIA STYLES */
     1065
     1066    .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
     1067    .wp-block[data-type="core/image"][data-align="full"] figcaption,
     1068    .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
     1069        padding: 0 45px;
     1070    }
     1071
     1072    /* BLOCK: COLUMNS */
     1073
     1074    .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
     1075    .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
     1076    .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
     1077    .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
     1078    .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
     1079    .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
     1080        margin: 35px 0 20px 0;
     1081    }
    10431082
    10441083    /* BLOCK: PULLQUOTE */
    … …  
    12291268    }
    12301269
    1231     /* BLOCK: COVER */
    1232 
    1233     .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
    1234     .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
    1235         width: calc(100% - 100px);
    1236     }
    1237 
    12381270    /* BLOCK: GROUP */
    12391271

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

    r46357 r46445  
    7474}
    7575
    76 .wp-block[data-align="wide"] .wp-block-group .wp-block {
    77     max-width: 100%;
    78 }
    79 
    80 .wp-block[data-align="full"] .wp-block-group .wp-block {
    81     max-width: 100%;
     76.wp-block[data-align="wide"] .wp-block,
     77.wp-block[data-align="full"] .wp-block {
     78    max-width: none;
     79}
     80
     81.wp-block[data-align="wide"] .wp-block[data-align="wide"],
     82.wp-block[data-align="full"] .wp-block[data-align="wide"] {
     83    max-width: 1200px;
     84}
     85
     86.wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]),
     87.wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) {
     88    margin-left: auto;
     89    margin-right: auto;
     90    max-width: 610px;
     91}
     92
     93.wp-block .wp-block[data-align="full"] {
     94    margin-left: 0;
     95    margin-right: 0;
    8296}
    8397
    … …  
    642656    margin: 0 auto;
    643657    max-width: 1200px;
    644     width: calc(100% - 50px);
     658    width: calc(100% - 40px);
    645659}
    646660
    … …  
    652666}
    653667
    654 .editor-styles-wrapper .wp-block-cover-image .wp-block,
    655 .editor-styles-wrapper .wp-block-cover .wp-block,
    656668.wp-block-cover-image .wp-block-cover-image-text,
    657669.wp-block-cover-image .wp-block-cover-text,
    … …  
    661673.wp-block-cover h2 {
    662674    max-width: 100%;
    663     padding: 0;
    664 }
    665 
    666 .editor-styles-wrapper .wp-block-cover p {
    667     font-family: inherit;
    668675}
    669676
    … …  
    672679}
    673680
     681/* Block: Shared Media Styles ---------------- */
     682
     683.wp-block[data-type*="core-embed"][data-align="full"] figcaption,
     684.wp-block[data-type="core/image"][data-align="full"] figcaption,
     685.wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
     686    padding: 0 14px;
     687}
    674688
    675689/* Block: Paragraph -------------------------- */
    … …  
    983997}
    984998
     999.wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"],
     1000.wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] {
     1001    margin-left: 0;
     1002    width: 100%;
     1003}
     1004
    9851005/* Block: Paragraph -------------------------- */
    9861006
    … …  
    10411061@media ( min-width: 600px ) {
    10421062
     1063
     1064    /* BLOCK: SHARED MEDIA STYLES */
     1065
     1066    .wp-block[data-type*="core-embed"][data-align="full"] figcaption,
     1067    .wp-block[data-type="core/image"][data-align="full"] figcaption,
     1068    .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption {
     1069        padding: 0 45px;
     1070    }
     1071
     1072    /* BLOCK: COLUMNS */
     1073
     1074    .editor-styles-wrapper .wp-block[data-type="core/column"] h1,
     1075    .editor-styles-wrapper .wp-block[data-type="core/column"] h2,
     1076    .editor-styles-wrapper .wp-block[data-type="core/column"] h3,
     1077    .editor-styles-wrapper .wp-block[data-type="core/column"] h4,
     1078    .editor-styles-wrapper .wp-block[data-type="core/column"] h5,
     1079    .editor-styles-wrapper .wp-block[data-type="core/column"] h6 {
     1080        margin: 35px 0 20px 0;
     1081    }
    10431082
    10441083    /* BLOCK: PULLQUOTE */
    … …  
    12291268    }
    12301269
    1231     /* BLOCK: COVER */
    1232 
    1233     .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
    1234     .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
    1235         width: calc(100% - 100px);
    1236     }
    1237 
    12381270    /* BLOCK: GROUP */
    12391271

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic-rtl.css

    r46357 r46445  
    99/*
    1010 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    11  * This results in a jumping cursor when typing in both the Classic and block
    12  * editors. The following font-face override fixes the issue by manually
     11 * This results in a jumping cursor when typing in both the classic editor and
     12 * block editor. The following font-face override fixes the issue by manually
    1313 * inserting a custom font that includes just a Hoefler Text space replacement
    1414 * for that character instead.
    … …  
    6666
    6767body#tinymce.wp-editor * {
    68     -webkit-box-sizing: border-box;
    69     -moz-box-sizing: border-box;
    7068    box-sizing: border-box;
    7169    -webkit-font-smoothing: antialiased;
    … …  
    374372
    375373body#tinymce.wp-editor .alignleft {
    376     float: right;
     374    float: left;
    377375    margin-left: 25px;
    378376    max-width: 260px;
    … …  
    380378
    381379body#tinymce.wp-editor .alignright {
    382     float: left;
     380    float: right;
    383381    margin-right: 25px;
    384382    max-width: 260px;

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-classic.css

    r46357 r46445  
    99/*
    1010 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    11  * This results in a jumping cursor when typing in both the Classic and block
    12  * editors. The following font-face override fixes the issue by manually
     11 * This results in a jumping cursor when typing in both the classic editor and
     12 * block editor. The following font-face override fixes the issue by manually
    1313 * inserting a custom font that includes just a Hoefler Text space replacement
    1414 * for that character instead.
    … …  
    6666
    6767body#tinymce.wp-editor * {
    68     -webkit-box-sizing: border-box;
    69     -moz-box-sizing: border-box;
    7068    box-sizing: border-box;
    7169    -webkit-font-smoothing: antialiased;
    … …  
    374372
    375373body#tinymce.wp-editor .alignleft {
     374
     375    /*rtl:ignore*/
    376376    float: left;
    377377    margin-right: 25px;
    … …  
    380380
    381381body#tinymce.wp-editor .alignright {
     382
     383    /*rtl:ignore*/
    382384    float: right;
    383385    margin-left: 25px;

  • trunk/src/wp-content/themes/twentytwenty/assets/js/color-calculations.js

    r46277 r46445  
    134134 * @return {Object} - this
    135135 */
    136 function twentyTwentyColor( backgroundColor, accentHue ) { // jshint ignore:line
     136function twentyTwentyColor( backgroundColor, accentHue ) {// jshint ignore:line
    137137    var color = new _twentyTwentyColor( backgroundColor, accentHue );
    138138    color.setAccentColorsArray();

  • trunk/src/wp-content/themes/twentytwenty/assets/js/index.js

    r46357 r46445  
    44
    55var twentytwenty = twentytwenty || {};
     6
     7// Set a default value for scrolled.
     8twentytwenty.scrolled = 0;
    69
    710// polyfill closest
    … …  
    3841
    3942// event "polyfill"
    40 
    4143twentytwenty.createEvent = function( eventName ) {
    4244    var event;
    … …  
    5254// matches "polyfill"
    5355// https://developer.mozilla.org/es/docs/Web/API/Element/matches
    54 
    5556if ( ! Element.prototype.matches ) {
    5657    Element.prototype.matches =
    … …  
    138139    // Hide and show modals before and after their animations have played out
    139140    hideAndShowModals: function() {
    140         var modals = document.querySelectorAll( '.cover-modal' ),
    141             htmlStyle = document.documentElement.style;
    142 
    143         var getAdminBarHeight = function( negativeValue ) {
    144             var adminBar = document.querySelector( '#wpadminbar' );
     141        var modals, htmlStyle, adminBar, _doc, _win;
     142
     143        _doc = document;
     144        _win = window;
     145        modals = _doc.querySelectorAll( '.cover-modal' );
     146        htmlStyle = _doc.documentElement.style;
     147        adminBar = _doc.querySelector( '#wpadminbar' );
     148
     149        function getAdminBarHeight( negativeValue ) {
     150            var currentScroll, height;
     151
     152            currentScroll = _win.pageYOffset;
    145153
    146154            if ( adminBar ) {
    147                 return ( negativeValue ? '-' : '' ) + adminBar.getBoundingClientRect().height + 'px';
    148             }
    149 
    150             return 0;
    151         };
     155                height = currentScroll + adminBar.getBoundingClientRect().height;
     156
     157                return negativeValue ? -height : height;
     158            }
     159
     160            return currentScroll === 0 ? 0 : -currentScroll;
     161        }
    152162
    153163        function htmlStyles() {
    154             var overflow = window.innerHeight > document.documentElement.getBoundingClientRect().height;
     164            var overflow = _win.innerHeight > _doc.documentElement.getBoundingClientRect().height;
    155165
    156166            return {
    … …  
    158168                position: 'fixed',
    159169                width: '100%',
    160                 top: getAdminBarHeight( true ),
     170                top: getAdminBarHeight( true ) + 'px',
    161171                left: 0
    162172            };
    … …  
    166176        modals.forEach( function( modal ) {
    167177            modal.addEventListener( 'toggle-target-before-inactive', function( event ) {
     178                var styles, paddingTop, offsetY, mQuery;
     179
     180                styles = htmlStyles();
     181                offsetY = _win.pageYOffset;
     182                paddingTop = ( Math.abs( getAdminBarHeight() ) - offsetY ) + 'px';
     183                mQuery = _win.matchMedia( '(max-width: 600px)' );
     184
    168185                if ( event.target !== modal ) {
    169186                    return;
    170187                }
    171188
    172                 window.scrollTo( { top: 0 } );
    173 
    174                 Object.keys( htmlStyles() ).forEach( function( styleKey ) {
    175                     htmlStyle.setProperty( styleKey, htmlStyles()[ styleKey ] );
     189                Object.keys( styles ).forEach( function( styleKey ) {
     190                    htmlStyle.setProperty( styleKey, styles[ styleKey ] );
    176191                } );
    177192
    178                 document.body.style.setProperty( 'padding-top', getAdminBarHeight() );
     193                _win.twentytwenty.scrolled = parseInt( styles.top );
     194
     195                if ( adminBar ) {
     196                    _doc.body.style.setProperty( 'padding-top', paddingTop );
     197
     198                    if ( mQuery.matches ) {
     199                        if ( offsetY >= getAdminBarHeight() ) {
     200                            modal.style.setProperty( 'top', 0 );
     201                        } else {
     202                            modal.style.setProperty( 'top', ( getAdminBarHeight() - offsetY ) + 'px' );
     203                        }
     204                    }
     205                }
    179206
    180207                modal.classList.add( 'show-modal' );
    … …  
    188215
    189216                setTimeout( function() {
     217                    var clickedEl;
     218
     219                    clickedEl = twentytwenty.toggles.clickedEl;
     220
    190221                    modal.classList.remove( 'show-modal' );
    191222
    … …  
    194225                    } );
    195226
    196                     document.body.style.removeProperty( 'padding-top' );
     227                    if ( adminBar ) {
     228                        _doc.body.style.removeProperty( 'padding-top' );
     229                        modal.style.removeProperty( 'top' );
     230                    }
     231
     232                    _win.scrollTo( 0, Math.abs( _win.twentytwenty.scrolled + getAdminBarHeight() ) );
     233
     234                    _win.twentytwenty.scrolled = 0;
     235
     236                    if ( clickedEl !== false ) {
     237                        clickedEl.focus();
     238                        clickedEl = false;
     239                    }
    197240                }, 500 );
    198241            } );
    … …  
    394437    goBackToCloseButton: function() {
    395438        document.addEventListener( 'keydown', function( event ) {
    396             var desktopMenuButton = document.querySelector( '.toggle.close-nav-toggle' );
    397             var mobileMenuButton = document.querySelector( '.toggle.mobile-nav-toggle' );
    398             var isMobileMenu = desktopMenuButton ? window.getComputedStyle( desktopMenuButton, null ).getPropertyValue( 'display' ) === 'none' : false;
    399             var firstMenuItem = isMobileMenu ? mobileMenuButton : desktopMenuButton;
    400 
    401             var menuLinks = isMobileMenu ?
    402                 document.querySelectorAll( '.menu-modal .mobile-menu li' ) :
    403                 document.querySelectorAll( '.menu-modal .expanded-menu li' );
    404 
    405             var socialLinks = document.querySelectorAll( '.menu-modal .social-menu > li' );
    406             var hasSocialMenu = document.querySelectorAll( '.menu-modal .social-menu' ).length > 0;
    407             var lastModalMenuItems = hasSocialMenu ? socialLinks : menuLinks;
    408             var focusedElementParentLi = twentytwentyFindParents( event.target, 'li' );
    409             var focusedElementIsInsideModal = twentytwentyFindParents( event.target, '.menu-modal' ).length > 0;
    410             var lastMenuItem = lastModalMenuItems[lastModalMenuItems.length - 1];
    411 
    412             var isFirstModalItem = isMobileMenu ?
    413                 event.target === mobileMenuButton :
    414                 focusedElementIsInsideModal && event.target === desktopMenuButton;
    415 
    416             var isLastModalItem = focusedElementIsInsideModal && focusedElementParentLi[0] ?
     439            var closeMenuButton, mobileMenu, isDesktop, menuLinks, firstLevelmenuLinks, lastMenuLinkToggleButton, lastToogleSubMenuLinkNotOpened, lastMenuLinkHasSubClosedMenu, socialLinks, hasSocialMenu, lastModalMenuItems, focusedElementParentLi, focusedElementIsInsideModal, lastMenuItem, isFirstModalItem, isLastModalItem;
     440
     441            closeMenuButton = document.querySelector( '.toggle.close-nav-toggle' );
     442            mobileMenu = document.querySelector( '.mobile-menu' );
     443
     444            if ( mobileMenu ) {
     445                return false;
     446            }
     447
     448            isDesktop = window.getComputedStyle( mobileMenu, null ).getPropertyValue( 'display' ) === 'none';
     449
     450            menuLinks = isDesktop ?
     451                document.querySelectorAll( '.menu-modal .expanded-menu .modal-menu li' ) :
     452                document.querySelectorAll( '.menu-modal .mobile-menu .modal-menu li' );
     453
     454            firstLevelmenuLinks = isDesktop ?
     455                document.querySelectorAll( '.menu-modal .expanded-menu .modal-menu > li' ) :
     456                document.querySelectorAll( '.menu-modal .mobile-menu .modal-menu > li' );
     457
     458            if ( firstLevelmenuLinks ) {
     459                return false;
     460            }
     461
     462            lastMenuLinkToggleButton = firstLevelmenuLinks[firstLevelmenuLinks.length - 1].querySelector( '.sub-menu-toggle' ) || undefined;
     463            lastMenuLinkHasSubClosedMenu = lastMenuLinkToggleButton && ! lastMenuLinkToggleButton.classList.contains( 'active' );
     464
     465            lastToogleSubMenuLinkNotOpened = isDesktop ?
     466                document.querySelector( '.menu-modal .expanded-menu .modal-menu .sub-menu .sub-menu-toggle:not(.active)' ) :
     467                document.querySelector( '.menu-modal .mobile-menu .sub-menu .sub-menu-toggle:not(.active)' );
     468
     469            socialLinks = document.querySelectorAll( '.menu-modal .social-menu li' );
     470            hasSocialMenu = document.querySelectorAll( '.menu-modal .social-menu' ).length > 0;
     471            lastModalMenuItems = hasSocialMenu ? socialLinks : menuLinks;
     472            focusedElementParentLi = twentytwentyFindParents( event.target, 'li' );
     473            focusedElementIsInsideModal = twentytwentyFindParents( event.target, '.menu-modal' ).length > 0;
     474
     475            lastMenuItem = lastModalMenuItems[lastModalMenuItems.length - 1];
     476
     477            isFirstModalItem = event.target === closeMenuButton;
     478
     479            isLastModalItem = focusedElementIsInsideModal && focusedElementParentLi[0] ?
    417480                focusedElementParentLi[0].className === lastMenuItem.className :
    418481                undefined;
     482
     483            if ( lastMenuLinkToggleButton && lastMenuLinkHasSubClosedMenu && ! hasSocialMenu ) { // Last 1st level item has submenu and is closed
     484                isLastModalItem = event.target === lastMenuLinkToggleButton;
     485                lastMenuItem = lastMenuLinkToggleButton;
     486            }
     487            if ( lastMenuLinkToggleButton && ! lastMenuLinkHasSubClosedMenu && ! hasSocialMenu ) { // Last 1st level item has submenu is opened
     488                isLastModalItem = event.target === lastToogleSubMenuLinkNotOpened || event.target === menuLinks[menuLinks.length - 1].querySelector( 'a' );
     489                lastMenuItem = lastToogleSubMenuLinkNotOpened || menuLinks[menuLinks.length - 1].querySelector( 'a' );
     490            }
    419491
    420492            if ( ! event.shiftKey && event.key === 'Tab' && isLastModalItem ) {
    421493                // Forward
    422494                event.preventDefault();
    423                 firstMenuItem.focus();
     495                closeMenuButton.focus();
    424496            }
    425497            if ( event.shiftKey && event.key === 'Tab' && isFirstModalItem ) {
    426498                // Backward
    427499                event.preventDefault();
    428                 lastMenuItem.querySelector( 'a' ).focus();
     500                if ( lastMenuItem.querySelector( 'a' ) ) {
     501                    lastMenuItem.querySelector( 'a' ).focus();
     502                } else {
     503                    lastMenuItem.focus();
     504                }
    429505            }
    430506        } );
    … …  
    446522    focusMenuWithChildren: function() {
    447523        // Get all the link elements within the primary menu.
    448         var menu = document.querySelector( '.primary-menu-wrapper' );
    449         var links = menu.getElementsByTagName( 'a' );
    450         var i, len;
     524        var menu, links, i, len;
     525
     526        menu = document.querySelector( '.primary-menu-wrapper' );
     527
     528        if ( ! menu ) {
     529            return false;
     530        }
     531
     532        links = menu.getElementsByTagName( 'a' );
    451533
    452534        // Each time a menu link is focused or blurred, toggle focus.
    … …  
    482564twentytwenty.toggles = {
    483565
     566    clickedEl: false,
     567
    484568    init: function() {
    485569        // Do the toggle
    … …  
    494578
    495579    performToggle: function( element, instantly ) {
    496         var toggle, targetString, target, timeOutTime, classToToggle, activeClass;
     580        var self, toggle, _doc, targetString, target, timeOutTime, classToToggle, activeClass;
     581
     582        self = this;
     583        _doc = document;
    497584
    498585        // Get our targets
    … …  
    501588        activeClass = 'active';
    502589
     590        // Elements to focus after modals are closed
     591        if ( ! _doc.querySelectorAll( '.show-modal' ).length ) {
     592            self.clickedEl = _doc.activeElement;
     593        }
     594
    503595        if ( targetString === 'next' ) {
    504596            target = toggle.nextSibling;
    505597        } else {
    506             target = document.querySelector( targetString );
     598            target = _doc.querySelector( targetString );
    507599        }
    508600
    … …  
    545637            } else {
    546638                // If not, toggle all toggles with this toggle target
    547                 document.querySelector( '*[data-toggle-target="' + targetString + '"]' ).classList.toggle( activeClass );
     639                _doc.querySelector( '*[data-toggle-target="' + targetString + '"]' ).classList.toggle( activeClass );
    548640            }
    549641
    … …  
    556648            // Toggle body class
    557649            if ( toggle.dataset.toggleBodyClass ) {
    558                 document.querySelector( 'body' ).classList.toggle( toggle.dataset.toggleBodyClass );
     650                _doc.querySelector( 'body' ).classList.toggle( toggle.dataset.toggleBodyClass );
    559651            }
    560652
    561653            // Check whether to set focus
    562654            if ( toggle.dataset.setFocus ) {
    563                 focusElement = document.querySelector( toggle.dataset.setFocus );
     655                focusElement = _doc.querySelector( toggle.dataset.setFocus );
    564656
    565657                if ( focusElement ) {
    … …  
    589681
    590682        document.querySelectorAll( '*[data-toggle-target]' ).forEach( function( element ) {
    591             element.addEventListener( 'click', function() {
     683            element.addEventListener( 'click', function( event ) {
     684                event.preventDefault();
    592685                self.performToggle( element );
    593686            } );

  • trunk/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-customize.php

    r46357 r46445  
    9191                    'header_footer_background_color',
    9292                    array(
    93                         'label'   => esc_html__( 'Header & Footer Background Color', 'twentytwenty' ),
     93                        'label'   => __( 'Header &amp; Footer Background Color', 'twentytwenty' ),
    9494                        'section' => 'colors',
    9595                    )
     96                )
     97            );
     98
     99            // Enable picking an accent color.
     100            $wp_customize->add_setting(
     101                'accent_hue_active',
     102                array(
     103                    'capability'        => 'edit_theme_options',
     104                    'sanitize_callback' => array( __CLASS__, 'sanitize_select' ),
     105                    'transport'         => 'postMessage',
     106                    'default'           => 'default',
     107                )
     108            );
     109
     110            $wp_customize->add_control(
     111                'accent_hue_active',
     112                array(
     113                    'type'    => 'radio',
     114                    'section' => 'colors',
     115                    'label'   => __( 'Primary Color', 'twentytwenty' ),
     116                    'choices' => array(
     117                        'default' => __( 'Default', 'twentytwenty' ),
     118                        'custom'  => __( 'Custom', 'twentytwenty' ),
     119                    ),
    96120                )
    97121            );
    … …  
    137161                    'type'              => 'theme_mod',
    138162                    'transport'         => 'postMessage',
    139                     'sanitize_callback' => array( 'TwentyTwenty_Customize', 'sanitize_accent_accessible_colors' ),
     163                    'sanitize_callback' => array( __CLASS__, 'sanitize_accent_accessible_colors' ),
    140164                )
    141165            );
    … …  
    147171                    'accent_hue',
    148172                    array(
    149                         'label'    => esc_html__( 'Accent Color Hue', 'twentytwenty' ),
    150                         'section'  => 'colors',
    151                         'settings' => 'accent_hue',
    152                         'mode'     => 'hue',
     173                        'section'         => 'colors',
     174                        'settings'        => 'accent_hue',
     175                        'description'     => __( 'Apply a custom color for links, buttons, featured images.', 'twentytwenty' ),
     176                        'mode'            => 'hue',
     177                        'active_callback' => function() use ( $wp_customize ) {
     178                            return ( 'custom' === $wp_customize->get_setting( 'accent_hue_active' )->value() );
     179                        },
    153180                    )
    154181                )
    … …  
    165192                'options',
    166193                array(
    167                     'title'       => __( 'Theme Options', 'twentytwenty' ),
    168                     'priority'    => 40,
    169                     'capability'  => 'edit_theme_options',
    170                     'description' => __( 'Specific settings for the Twenty Twenty theme.', 'twentytwenty' ),
     194                    'title'      => __( 'Theme Options', 'twentytwenty' ),
     195                    'priority'   => 40,
     196                    'capability' => 'edit_theme_options',
    171197                )
    172198            );
    … …  
    226252                    'title'       => __( 'Cover Template', 'twentytwenty' ),
    227253                    'capability'  => 'edit_theme_options',
    228                     'description' => __( 'Settings for the "Cover Template" page template.', 'twentytwenty' ),
     254                    'description' => __( 'Settings for the "Cover Template" page template. Add a featured image to use as background.', 'twentytwenty' ),
    229255                    'priority'    => 42,
    230256                )
    … …  
    295321                    'cover_template_overlay_background_color',
    296322                    array(
    297                         'label'       => __( 'Image Overlay Background Color', 'twentytwenty' ),
    298                         'description' => __( 'The color used for the featured image overlay. Defaults to the accent color.', 'twentytwenty' ),
     323                        'label'       => __( 'Overlay Background Color', 'twentytwenty' ),
     324                        'description' => __( 'The color used for the overlay. Defaults to the accent color.', 'twentytwenty' ),
    299325                        'section'     => 'cover_template_options',
    300326                    )
    … …  
    317343                    'cover_template_overlay_text_color',
    318344                    array(
    319                         'label'       => __( 'Image Overlay Text Color', 'twentytwenty' ),
    320                         'description' => __( 'The color used for the text in the featured image overlay.', 'twentytwenty' ),
     345                        'label'       => __( 'Overlay Text Color', 'twentytwenty' ),
     346                        'description' => __( 'The color used for the text in the overlay.', 'twentytwenty' ),
    321347                        'section'     => 'cover_template_options',
    322348                    )
    … …  
    338364                'cover_template_overlay_opacity',
    339365                array(
    340                     'label'       => __( 'Image Overlay Opacity', 'twentytwenty' ),
     366                    'label'       => __( 'Overlay Opacity', 'twentytwenty' ),
    341367                    'description' => __( 'Make sure that the contrast is high enough so that the text is readable.', 'twentytwenty' ),
    342368                    'section'     => 'cover_template_options',
    … …  
    384410         * @param string $input The input from the setting.
    385411         * @param object $setting The selected setting.
     412         *
     413         * @return string $input|$setting->default The input from the setting or the default setting.
    386414         */
    387415        public static function sanitize_select( $input, $setting ) {
    … …  
    394422         * Sanitize boolean for checkbox.
    395423         *
    396          * @param bool $checked Wethere or not a blox is checked.
     424         * @param bool $checked Whether or not a box is checked.
     425         *
     426         * @return bool
    397427         */
    398428        public static function sanitize_checkbox( $checked ) {

  • trunk/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-svg-icons.php

    r46357 r46445  
    1919         *
    2020         * @param string $icon Icon name.
     21         * @param string $group Icon group.
    2122         * @param string $color Color.
    2223         */
    23         public static function get_svg( $icon, $color = '#1A1A1B' ) {
    24             $arr = apply_filters( 'twentytwenty_svg_icons', self::$icons );
     24        public static function get_svg( $icon, $group = 'ui', $color = '#1A1A1B' ) {
     25            if ( 'ui' === $group ) {
     26                $arr = self::$ui_icons;
     27            } elseif ( 'social' === $group ) {
     28                $arr = self::$social_icons;
     29            } else {
     30                $arr = array();
     31            }
    2532            if ( array_key_exists( $icon, $arr ) ) {
    2633                $repl = '<svg class="svg-icon" aria-hidden="true" role="img" focusable="false" ';
    … …  
    3643
    3744        /**
     45         * GET SOCIAL LINK SVG
     46         * Detects the social network from a URL and returns the SVG code for its icon.
     47         *
     48         * @param string $uri The URL to retrieve SVG for.
     49         */
     50        public static function get_social_link_svg( $uri ) {
     51            static $regex_map; // Only compute regex map once, for performance.
     52            if ( ! isset( $regex_map ) ) {
     53                $regex_map = array();
     54                $map       = &self::$social_icons_map; // Use reference instead of copy, to save memory.
     55                foreach ( array_keys( self::$social_icons ) as $icon ) {
     56                    $domains            = array_key_exists( $icon, $map ) ? $map[ $icon ] : array( sprintf( '%s.com', $icon ) );
     57                    $domains            = array_map( 'trim', $domains ); // Remove leading/trailing spaces, to prevent regex from failing to match.
     58                    $domains            = array_map( 'preg_quote', $domains );
     59                    $regex_map[ $icon ] = sprintf( '/(%s)/i', implode( '|', $domains ) );
     60                }
     61            }
     62            foreach ( $regex_map as $icon => $regex ) {
     63                if ( preg_match( $regex, $uri ) ) {
     64                    return twentytwenty_get_theme_svg( $icon, 'social' );
     65                }
     66            }
     67            return null;
     68        }
     69
     70        /**
    3871         * ICON STORAGE
    3972         * Store the code for all SVGs in an array.
    … …  
    4174         * @var array
    4275         */
    43         public static $icons = array(
     76        public static $ui_icons = array(
    4477            'arrow-down'          => '<svg xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="0 0 22 24">
    4578        <polygon fill="#FFF" points="721.105 856 721.105 874.315 728.083 867.313 730.204 869.41 719.59 880 709 869.41 711.074 867.313 718.076 874.315 718.076 856" transform="translate(-709 -856)"/>
    … …  
    72105        <path fill="#1A1A1B" d="M2.8,1.85 C2.275329,1.85 1.85,2.27532949 1.85,2.8 L1.85,15.4 C1.85,15.9246705 2.275329,16.35 2.8,16.35 L17.2,16.35 C17.724671,16.35 18.15,15.9246705 18.15,15.4 L18.15,5.5 C18.15,4.97532949 17.724671,4.55 17.2,4.55 L9.1,4.55 C8.8158,4.55 8.550403,4.40796403 8.392757,4.17149517 L6.845094,1.85 L2.8,1.85 Z M17.2,2.85 C18.663555,2.85 19.85,4.03644541 19.85,5.5 L19.85,15.4 C19.85,16.8635546 18.663555,18.05 17.2,18.05 L2.8,18.05 C1.336445,18.05 0.15,16.8635546 0.15,15.4 L0.15,2.8 C0.15,1.33644541 1.336445,0.15 2.8,0.15 L7.3,0.15 C7.5842,0.15 7.849597,0.292035965 8.007243,0.528504833 L9.554906,2.85 L17.2,2.85 Z"/>
    73106        </svg>',
     107            'link'                => '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
     108        <path d="M6.70846497,10.3082552 C6.43780491,9.94641406 6.5117218,9.43367048 6.87356298,9.16301045 C7.23540415,8.89235035 7.74814771,8.96626726 8.01880776,9.32810842 C8.5875786,10.0884893 9.45856383,10.5643487 10.4057058,10.6321812 C11.3528479,10.7000136 12.2827563,10.3531306 12.9541853,9.68145807 L15.3987642,7.23705399 C16.6390369,5.9529049 16.6212992,3.91168563 15.3588977,2.6492841 C14.0964962,1.38688258 12.0552769,1.36914494 10.77958,2.60113525 L9.37230725,4.00022615 C9.05185726,4.31881314 8.53381538,4.31730281 8.21522839,3.99685275 C7.89664141,3.67640269 7.89815174,3.15836082 8.21860184,2.83977385 L9.63432671,1.43240056 C11.5605503,-0.42800847 14.6223793,-0.401402004 16.5159816,1.49220028 C18.4095838,3.38580256 18.4361903,6.44763148 16.5658147,8.38399647 L14.1113741,10.838437 C13.1043877,11.8457885 11.7095252,12.366113 10.2888121,12.2643643 C8.86809903,12.1626156 7.56162126,11.4488264 6.70846497,10.3082552 Z M11.291535,7.6917448 C11.5621951,8.05358597 11.4882782,8.56632952 11.126437,8.83698955 C10.7645959,9.10764965 10.2518523,9.03373274 9.98119227,8.67189158 C9.4124214,7.91151075 8.54143617,7.43565129 7.59429414,7.36781884 C6.6471521,7.29998638 5.71724372,7.64686937 5.04581464,8.31854193 L2.60123581,10.762946 C1.36096312,12.0470951 1.37870076,14.0883144 2.64110228,15.3507159 C3.90350381,16.6131174 5.94472309,16.630855 7.21873082,15.400549 L8.61782171,14.0014581 C8.93734159,13.6819382 9.45538568,13.6819382 9.77490556,14.0014581 C10.0944254,14.320978 10.0944254,14.839022 9.77490556,15.1585419 L8.36567329,16.5675994 C6.43944966,18.4280085 3.37762074,18.401402 1.48401846,16.5077998 C-0.409583822,14.6141975 -0.436190288,11.5523685 1.43418536,9.61600353 L3.88862594,7.16156298 C4.89561225,6.15421151 6.29047483,5.63388702 7.71118789,5.7356357 C9.13190097,5.83738438 10.4383788,6.55117356 11.291535,7.6917448 Z"/>
     109        </svg>',
    74110            'search'              => '<svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23">
    75111        <path d="M38.710696,48.0601792 L43,52.3494831 L41.3494831,54 L37.0601792,49.710696 C35.2632422,51.1481185 32.9839107,52.0076499 30.5038249,52.0076499 C24.7027226,52.0076499 20,47.3049272 20,41.5038249 C20,35.7027226 24.7027226,31 30.5038249,31 C36.3049272,31 41.0076499,35.7027226 41.0076499,41.5038249 C41.0076499,43.9839107 40.1481185,46.2632422 38.710696,48.0601792 Z M36.3875844,47.1716785 C37.8030221,45.7026647 38.6734666,43.7048964 38.6734666,41.5038249 C38.6734666,36.9918565 35.0157934,33.3341833 30.5038249,33.3341833 C25.9918565,33.3341833 22.3341833,36.9918565 22.3341833,41.5038249 C22.3341833,46.0157934 25.9918565,49.6734666 30.5038249,49.6734666 C32.7048964,49.6734666 34.7026647,48.8030221 36.1716785,47.3875844 C36.2023931,47.347638 36.2360451,47.3092237 36.2726343,47.2726343 C36.3092237,47.2360451 36.347638,47.2023931 36.3875844,47.1716785 Z" transform="translate(-20 -31)"/>
    … …  
    83119        );
    84120
     121        /**
     122         * Social Icons – domain mappings.
     123         *
     124         * By default, each Icon ID is matched against a .com TLD. To override this behavior,
     125         * specify all the domains it covers (including the .com TLD too, if applicable).
     126         *
     127         * @var array
     128         */
     129        public static $social_icons_map = array(
     130            'amazon'      => array(
     131                'amazon.com',
     132                'amazon.cn',
     133                'amazon.in',
     134                'amazon.fr',
     135                'amazon.de',
     136                'amazon.it',
     137                'amazon.nl',
     138                'amazon.es',
     139                'amazon.co',
     140                'amazon.ca',
     141            ),
     142            'apple'       => array(
     143                'apple.com',
     144                'itunes.com',
     145            ),
     146            'behance'     => array(
     147                'behance.net',
     148            ),
     149            'codepen'     => array(
     150                'codepen.io',
     151            ),
     152            'facebook'    => array(
     153                'facebook.com',
     154                'fb.me',
     155            ),
     156            'feed'        => array(
     157                'feed',
     158            ),
     159            'google-plus' => array(
     160                'plus.google.com',
     161            ),
     162            'lastfm'      => array(
     163                'last.fm',
     164            ),
     165            'mail'        => array(
     166                'mailto:',
     167            ),
     168            'slideshare'  => array(
     169                'slideshare.net',
     170                'slideshare.com',
     171            ),
     172            'pocket'      => array(
     173                'getpocket.com',
     174            ),
     175            'twitch'      => array(
     176                'twitch.tv',
     177            ),
     178            'wordpress'   => array(
     179                'wordpress.com',
     180                'wordpress.org',
     181            ),
     182        );
     183
     184        /**
     185         * Social Icons – svg sources.
     186         *
     187         * @var array
     188         */
     189        public static $social_icons = array(
     190            '500px'       => '<svg width="14" height="18" viewBox="0 0 14 18" xmlns="http://www.w3.org/2000/svg"><path d="M2.448 11.848c-.047-.152 0-.26.14-.325.141-.065.253-.109.335-.132.14-.047.263-.07.369-.07.105 0 .176.058.21.175.118.317.264.624.44.923s.358.554.545.765V9.756c0-.422.088-.835.264-1.24.176-.403.427-.764.756-1.08.328-.34.714-.6 1.16-.782a3.599 3.599 0 011.37-.273c.493 0 .956.094 1.39.281.433.188.811.443 1.133.765.323.322.578.7.765 1.134s.281.89.281 1.37c0 .493-.093.956-.281 1.39s-.442.811-.765 1.133c-.322.323-.7.578-1.133.765s-.897.281-1.39.281c-.198 0-.38-.008-.544-.026a3.053 3.053 0 01-.58-.132.64.64 0 01-.132-.132c-.064-.076-.061-.237.009-.483.012-.059.05-.155.114-.29.065-.135.167-.185.308-.15.011 0 .111.024.299.07.187.048.345.071.474.071.692 0 1.28-.24 1.767-.72.486-.481.73-1.067.73-1.758 0-.317-.062-.624-.185-.923s-.302-.56-.536-.783c-.235-.234-.504-.413-.81-.536s-.626-.184-.966-.184c-.34 0-.662.07-.967.21-.304.141-.574.34-.808.598-.211.223-.372.475-.484.756s-.167.563-.167.844v4.166c.364.21.75.375 1.16.492a4.783 4.783 0 003.12-.193 4.966 4.966 0 001.574-1.037 4.993 4.993 0 001.037-1.565c.246-.586.37-1.201.37-1.845a4.774 4.774 0 00-1.407-3.393A4.758 4.758 0 009.857 5.51a4.798 4.798 0 00-1.854-.36c-.645 0-1.263.12-1.855.36-.592.24-1.11.589-1.556 1.046l-.325.325c-.217.217-.366.396-.448.536l-.018.018c-.07.082-.149.152-.237.21-.088.06-.255.06-.5 0a.925.925 0 01-.361-.149c-.112-.076-.167-.167-.167-.272V.405c0-.094.038-.182.114-.264a.379.379 0 01.29-.123L11.712 0c.152 0 .243.076.272.229s.044.263.044.334-.012.179-.035.325c-.024.146-.111.22-.264.22H3.573v4.886c.281-.293.633-.58 1.055-.86s.773-.481 1.054-.599c.364-.152.742-.27 1.134-.351a5.786 5.786 0 012.364 0c.387.082.756.2 1.108.351.351.141.685.32 1.002.537.316.216.61.46.879.73a5.982 5.982 0 011.265 1.862 5.843 5.843 0 01.457 2.285c0 .399-.038.791-.114 1.178-.076.387-.19.756-.343 1.108s-.334.685-.545 1.002a5.754 5.754 0 01-1.6 1.6 5.45 5.45 0 01-1.001.526c-.352.165-.72.285-1.108.36a6.08 6.08 0 01-2.337 0 5.137 5.137 0 01-1.125-.36 5.198 5.198 0 01-.994-.527 6.12 6.12 0 01-1.6-1.6 5.154 5.154 0 01-.623-1.23 1.052 1.052 0 01-.053-.158zm4.201-.984c0-.024.006-.05.018-.08s.04-.061.088-.096l.65-.668-.668-.668c-.059-.047-.076-.109-.053-.185a.62.62 0 01.194-.255.371.371 0 01.15-.14.369.369 0 01.149-.035c.035 0 .061.003.079.008.017.006.032.021.044.044l.668.668.65-.65a.2.2 0 01.21-.053.803.803 0 01.413.387c.042.082.027.158-.043.228l-.65.668.632.633c.024.035.05.091.08.167.029.076-.021.185-.15.325a.778.778 0 01-.167.132.339.339 0 01-.167.044l-.105-.035a.17.17 0 01-.088-.07l-.633-.615c-.023.023-.132.134-.325.334-.194.199-.308.31-.343.334 0 .011-.012.023-.035.035s-.059.017-.106.017a.36.36 0 01-.158-.044.605.605 0 01-.158-.114v-.018c-.035-.035-.073-.076-.114-.123s-.062-.105-.062-.175zm1.424-8.912c.55 0 1.093.052 1.626.158s1.052.258 1.556.457c.457.199.879.425 1.265.677.387.251.75.536 1.09.852.094.094.12.188.08.281a1.168 1.168 0 01-.203.3c-.07.07-.138.134-.202.192a.298.298 0 01-.202.088.216.216 0 01-.08-.017.177.177 0 01-.078-.07 11.99 11.99 0 00-1.046-.792 5.607 5.607 0 00-1.029-.544 6.76 6.76 0 00-1.344-.422 7.2 7.2 0 00-1.433-.14c-.422 0-.858.043-1.31.13a7.633 7.633 0 00-1.31.379c-.14.047-.242.009-.307-.114a5.898 5.898 0 00-.15-.273 19.104 19.104 0 01-.06-.22.27.27 0 01-.01-.149c0-.047.015-.088.044-.123s.062-.065.097-.088a7.153 7.153 0 011.424-.413c.527-.1 1.055-.15 1.582-.15zm5.678 13.025c.175.164.26.29.255.377s-.039.15-.097.185l-.044.044-.026.026c-.364.364-.765.692-1.205.985s-.899.545-1.38.756c-.503.222-1.025.386-1.564.492a8.452 8.452 0 01-3.252 0 7.353 7.353 0 01-1.564-.492c-.48-.2-.938-.446-1.372-.739s-.837-.627-1.212-1.002a8.226 8.226 0 01-1.758-2.601 12.433 12.433 0 01-.317-.932 6.897 6.897 0 01-.21-.95c-.024-.14.035-.234.175-.28.14-.047.24-.077.299-.088.152-.024.281-.024.387 0s.164.093.175.21v.036c.024.094.068.284.132.571.065.287.179.63.343 1.028.164.41.375.806.633 1.187.258.38.557.741.896 1.081.329.328.683.618 1.064.87.38.252.782.472 1.204.66.434.187.885.327 1.353.421a7.154 7.154 0 002.83 0 6.72 6.72 0 001.354-.422 8.15 8.15 0 001.213-.668 6.895 6.895 0 001.055-.861l.052-.07a.26.26 0 01.123-.07.198.198 0 01.141.017.604.604 0 01.14.079c.06.041.118.09.176.15z"/></svg>',
     191
     192            'amazon'      => '<svg width="18" height="16" viewBox="0 0 18 15" xmlns="http://www.w3.org/2000/svg"><path d="M16.004 11.571c.164-.07.29-.035.378.106.088.14.056.27-.097.386a8.912 8.912 0 01-1.635.95c-.586.281-1.199.516-1.838.703a13.92 13.92 0 01-3.842.563c-.867 0-1.706-.076-2.515-.229a13.056 13.056 0 01-4.484-1.74 12.657 12.657 0 01-1.899-1.442c-.082-.07-.094-.147-.035-.23.059-.081.14-.087.246-.017.633.376 1.301.704 2.005.985.703.293 1.43.542 2.18.747.75.206 1.524.361 2.321.466.786.106 1.583.159 2.392.159.551 0 1.114-.03 1.688-.088a17.495 17.495 0 001.723-.264 18.569 18.569 0 001.724-.44 17.07 17.07 0 001.688-.615zm1.934-1.09c.106.129.077.55-.088 1.266-.164.715-.51 1.29-1.037 1.723-.07.07-.138.091-.202.062s-.08-.085-.044-.167c.129-.305.278-.718.448-1.24.17-.522.196-.859.08-1.011-.13-.153-.464-.211-1.003-.176-.54.035-.967.07-1.284.105-.105 0-.164-.029-.176-.087-.011-.06.024-.124.106-.194.563-.387 1.21-.566 1.943-.536.733.03 1.152.114 1.257.255zM9.99 3.834v-.247c0-.21-.006-.43-.018-.659a1.181 1.181 0 00-.193-.607c-.106-.164-.252-.281-.44-.351s-.369-.106-.545-.106c-.34 0-.642.088-.905.264-.264.176-.431.44-.502.791a.48.48 0 01-.123.229.269.269 0 01-.193.088L5.348 3.06a.466.466 0 01-.185-.114c-.053-.053-.073-.132-.062-.238.2-1.043.695-1.755 1.486-2.136A5.592 5.592 0 019.04 0c.422 0 .885.067 1.39.202s.92.36 1.248.677c.422.41.657.874.703 1.39s.07 1.06.07 1.635v2.743c0 .41.074.73.22.958.147.23.297.449.449.66.059.094.09.182.097.264a.288.288 0 01-.097.228c-.2.141-.434.331-.703.572-.27.24-.493.436-.669.589a.278.278 0 01-.202.088.486.486 0 01-.22-.053c-.281-.246-.477-.445-.589-.598a9.661 9.661 0 01-.395-.598c-.493.493-.944.833-1.354 1.02-.41.188-.932.282-1.566.282-.738 0-1.362-.23-1.872-.686-.51-.457-.765-1.143-.765-2.058 0-.727.176-1.327.527-1.802A3.337 3.337 0 016.684 4.43a5.668 5.668 0 011.635-.422c.61-.07 1.167-.129 1.67-.176zM9.638 7.49c.176-.316.279-.624.308-.923a9.65 9.65 0 00.044-.94V5.24c-.633 0-1.231.109-1.794.326s-.844.694-.844 1.433c0 .387.1.7.3.94s.462.361.79.361c.247 0 .478-.073.695-.22.217-.146.384-.342.501-.589z"/></svg>',
     193
     194            'apple'       => '<svg width="16" height="19" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg"><path d="M14.94 6.186c-.633.21-1.143.68-1.53 1.406-.386.727-.58 1.418-.58 2.074a4.7 4.7 0 00.669 2.409c.445.761 1.054 1.248 1.828 1.459-.106.363-.252.75-.44 1.16-.199.398-.422.785-.668 1.16s-.504.72-.773 1.037a5.975 5.975 0 01-.826.756 2.503 2.503 0 01-.739.343c-.27.076-.574.114-.914.114-.21 0-.442-.023-.694-.07s-.548-.14-.888-.282a4.333 4.333 0 00-.738-.263 2.533 2.533 0 00-.598-.088c-.14 0-.354.04-.641.123-.287.082-.636.205-1.046.37-.223.07-.428.128-.615.175-.188.047-.346.07-.475.07-.363 0-.709-.073-1.037-.22s-.662-.354-1.002-.624a9.465 9.465 0 01-1.389-1.582 10.162 10.162 0 01-1.01-1.837 10.446 10.446 0 01-.625-2.03C.07 11.143 0 10.428 0 9.702c0-.715.105-1.407.316-2.075a6.08 6.08 0 01.932-1.784c.398-.521.878-.94 1.441-1.257s1.19-.474 1.88-.474c.423 0 .792.04 1.108.123.317.082.616.193.897.334.258.152.507.26.747.325s.483.097.73.097c.187 0 .392-.018.615-.053.222-.035.439-.1.65-.193.539-.211.99-.37 1.353-.475.364-.105.65-.158.862-.158.527 0 1.005.079 1.432.237.428.158.818.396 1.17.712.14.14.278.305.412.492.135.188.267.399.396.633zM7.557 4.217c0-.492.097-.96.29-1.406.194-.445.46-.879.8-1.3.328-.364.715-.66 1.16-.888.446-.229.914-.39 1.406-.484a4.55 4.55 0 01-.254 1.494c-.17.492-.425.944-.765 1.354-.387.422-.794.732-1.222.931-.428.2-.9.3-1.415.3z"/></svg>',
     195
     196            'bandcamp'    => '<svg width="19" height="6" viewBox="0 0 19 6" xmlns="http://www.w3.org/2000/svg"><path d="M.32 5.811L3.449.361h6.68l-3.13 5.45H.32zm13.289-3.445c.07.105.14.214.21.325.071.111.13.225.177.343a2.953 2.953 0 01.105.808c0 .14-.009.276-.026.405a2.422 2.422 0 01-.08.369c-.034.129-.078.246-.131.351-.053.106-.114.211-.185.317a2.01 2.01 0 01-.237.263 1.046 1.046 0 01-.29.194 2.079 2.079 0 01-.378.132c-.123.029-.255.043-.395.043a2.389 2.389 0 01-.422-.035c-.07 0-.141-.008-.211-.026s-.14-.044-.211-.08a1.46 1.46 0 01-.317-.175 1.12 1.12 0 01-.14-.167 1.724 1.724 0 01-.106-.184h-.035v.562h-.808V.361h.878v2.005a.73.73 0 01.106-.14l.105-.106c.059-.036.109-.07.15-.106.04-.035.085-.07.132-.105a6.737 6.737 0 01.351-.106.492.492 0 01.185-.035h.167c.164 0 .313.012.448.035.135.024.255.059.36.106.141.058.258.123.352.193.094.07.176.158.246.264zm-.457 1.968a.93.93 0 00.044-.228 2.46 2.46 0 01.026-.229c0-.093-.003-.184-.009-.272a.773.773 0 00-.061-.255.938.938 0 00-.097-.246c-.04-.07-.079-.14-.114-.21-.059-.06-.114-.112-.167-.16s-.114-.087-.185-.122c-.07-.059-.149-.097-.237-.114s-.173-.027-.255-.027c-.175 0-.34.035-.492.106a.853.853 0 00-.351.28 1.377 1.377 0 00-.211.45 2.007 2.007 0 00-.044.843l.044.255a.938.938 0 00.096.246c.041.07.08.14.115.21.058.06.117.112.175.159a.909.909 0 00.211.123.688.688 0 00.211.08c.082.017.164.026.246.026.094 0 .182-.012.264-.036s.158-.058.228-.105a.868.868 0 00.194-.132.972.972 0 00.158-.184 2.87 2.87 0 01.123-.22.616.616 0 00.088-.238zm3.973.668a1.1 1.1 0 00.22-.307 1.12 1.12 0 00.096-.396h.879c-.059.27-.135.501-.229.695a1.66 1.66 0 01-.369.5c-.164.141-.345.247-.545.317-.199.07-.427.106-.685.106-.164 0-.317-.018-.457-.053a3.004 3.004 0 01-.387-.123 2.1 2.1 0 01-.343-.194c-.1-.07-.184-.146-.255-.228a1.352 1.352 0 01-.228-.299 2.92 2.92 0 01-.158-.334c-.035-.14-.068-.278-.097-.413a2.045 2.045 0 010-.853c.03-.14.062-.27.097-.386.058-.14.117-.267.176-.378s.128-.22.21-.325c.07-.094.159-.176.264-.247.106-.07.217-.128.334-.175.129-.059.27-.103.422-.132a2.255 2.255 0 011.125.062c.105.035.205.073.299.114.094.04.181.085.263.132.07.07.141.143.211.22.07.075.13.155.176.237.035.093.07.193.106.298.035.106.058.217.07.334h-.879a.964.964 0 00-.114-.325.967.967 0 00-.202-.237c-.07-.059-.159-.103-.264-.132s-.217-.044-.334-.044a.701.701 0 00-.185.026c-.064.018-.12.033-.167.044-.07.024-.14.053-.21.088a.67.67 0 00-.317.317c-.035.07-.07.146-.105.228-.036.106-.062.217-.08.334s-.026.252-.026.404a3.348 3.348 0 00.035.493c.024.07.05.146.08.228a.74.74 0 00.096.194c.035.07.085.131.15.184.064.053.12.097.167.132.07.035.149.061.237.079a1.299 1.299 0 00.633-.026.819.819 0 00.29-.159z"/></svg>',
     197
     198            'behance'     => '<svg width="19" height="12" viewBox="0 0 19 12" xmlns="http://www.w3.org/2000/svg"><path d="M16.52 2.396h-4.499V1.342h4.499v1.054zM9.069 6.649c.176.246.308.512.395.8.088.286.132.606.132.957 0 .281-.026.542-.079.782-.053.24-.132.46-.237.659-.117.21-.25.398-.396.562a3.975 3.975 0 01-.483.457 4.816 4.816 0 01-.597.317c-.211.093-.434.175-.668.246-.223.046-.457.087-.703.123a5.213 5.213 0 01-.738.052H.318V.427h5.201c.258 0 .51.02.756.062.246.04.486.09.72.15.211.046.405.113.58.201.176.088.346.185.51.29.152.106.29.235.413.387.123.152.231.316.325.492.082.152.144.34.185.562.04.223.061.469.061.738 0 .258-.03.507-.088.747-.058.24-.158.448-.299.624-.117.188-.272.36-.465.518-.194.159-.413.29-.66.396.352.105.65.246.897.422.246.175.451.386.615.632zM2.672 4.927h2.53c.223 0 .425-.015.607-.044.182-.03.343-.097.483-.203.14-.105.246-.234.317-.386.07-.152.105-.352.105-.598a2.03 2.03 0 00-.026-.334.81.81 0 00-.114-.298c-.047-.07-.1-.138-.159-.202s-.134-.126-.228-.185a9.83 9.83 0 00-.237-.114 1.404 1.404 0 00-.29-.097 5.861 5.861 0 01-.317-.044 1.921 1.921 0 00-.316-.026H2.672v2.53zm4.499 3.338c0-.28-.041-.518-.123-.711s-.205-.355-.369-.484a1.573 1.573 0 00-.545-.263 2.697 2.697 0 00-.72-.088H2.672v3.058h2.671a3.8 3.8 0 00.36-.018c.124-.012.238-.03.343-.053.106-.035.202-.07.29-.105.088-.035.179-.082.273-.14a.959.959 0 00.228-.185.741.741 0 00.158-.273c.047-.082.088-.184.123-.307s.053-.267.053-.43zm11.141-.105h-5.8c0 .281.05.568.15.861s.237.521.413.685c.152.153.349.273.589.36.24.089.512.132.817.132.223 0 .43-.032.624-.096.193-.065.372-.161.536-.29.152-.106.275-.211.369-.316s.17-.246.228-.422h1.933c-.152.539-.351.972-.597 1.3a3.439 3.439 0 01-.844.809c-.316.21-.667.374-1.054.492s-.808.175-1.265.175a4.577 4.577 0 01-1.722-.316 4.25 4.25 0 01-.686-.369 3.793 3.793 0 01-.58-.475 3.888 3.888 0 01-.474-.623 4.664 4.664 0 01-.37-.747 5.992 5.992 0 01-.201-.791 4.86 4.86 0 010-1.757c.052-.282.131-.557.237-.826.082-.258.193-.495.334-.712a5.31 5.31 0 01.474-.624 4.11 4.11 0 01.607-.5c.216-.147.448-.285.694-.414.257-.105.527-.184.808-.237a4.76 4.76 0 011.819.018c.299.064.583.16.852.29.246.14.472.298.677.474.205.176.39.37.553.58.176.223.32.466.43.73a5.57 5.57 0 01.423 1.721c.029.323.038.618.026.888zm-2.214-1.441c-.035-.258-.094-.492-.176-.703s-.187-.387-.316-.527a1.301 1.301 0 00-.536-.343 2.19 2.19 0 00-.73-.114 1.96 1.96 0 00-.474.053c-.14.035-.275.088-.404.158a1.803 1.803 0 00-.308.176c-.1.07-.184.152-.255.246-.07.082-.125.17-.166.263-.041.094-.08.193-.115.299a1.135 1.135 0 00-.105.492h3.585z"/></svg>',
     199
     200            'codepen'     => '<svg width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.38v5.5c0 .012-.003.03-.009.053a.29.29 0 00-.009.07v.054a.873.873 0 01-.044.132 2.497 2.497 0 01-.061.132c-.012 0-.018.003-.018.01v.008a.078.078 0 01-.009.035c-.005.012-.014.018-.026.018a.235.235 0 01-.044.061l-.026.027c-.024.012-.041.026-.053.044s-.024.032-.035.044c-.012 0-.02.003-.027.009l-.026.026-8.147 5.413a.135.135 0 01-.052.017c-.012 0-.024.006-.036.018-.023.012-.04.018-.052.018s-.03.005-.053.017c-.035.012-.08.024-.132.035a.69.69 0 01-.3 0 1.357 1.357 0 01-.131-.035.122.122 0 01-.053-.009l-.053-.026a.078.078 0 01-.035-.009l-.053-.026-8.129-5.413a.77.77 0 01-.123-.114 2.032 2.032 0 00-.106-.115H.15c-.006 0-.01-.006-.01-.017-.01 0-.017-.003-.017-.01v-.008a2.499 2.499 0 01-.061-.132.873.873 0 01-.044-.133v-.052c0-.024-.003-.047-.01-.071S0 11.91 0 11.898V6.38c0-.012.003-.03.009-.053s.009-.047.009-.07v-.053a.873.873 0 01.044-.132c.017-.042.038-.086.061-.133.012 0 .018-.003.018-.009v-.008l.017-.018a1.15 1.15 0 01.23-.23L8.515.264C8.54.25 8.557.245 8.57.245s.023-.006.035-.018A.135.135 0 018.657.21c.012 0 .03-.006.053-.018a.819.819 0 01.58 0c.024 0 .041.003.053.009l.053.026c.012 0 .023.003.035.01l.053.026 8.129 5.412a.77.77 0 01.123.114c.035.042.07.08.106.115h.008c.006 0 .01.006.01.018.011 0 .017.003.017.008v.01c.023.046.044.09.061.132a.873.873 0 01.044.132v.053c0 .023.003.047.01.07s.008.041.008.053zm-9.009 4.46l2.551-1.71-2.55-1.71L6.44 9.13l2.551 1.71zm.845-4.918l3.22 2.168 2.551-1.728-5.771-3.825v3.385zm-1.69 0V2.537l-5.77 3.825 2.55 1.728 3.22-2.168zM3.397 9.13L1.689 7.967v2.31L3.396 9.13zm1.53 1.023l-2.55 1.727 5.77 3.826v-3.385l-3.22-2.168zm4.91 2.168v3.385l5.771-3.826-2.551-1.727-3.22 2.168zm4.75-3.19l1.707 1.163v-2.31L14.587 9.13z"/></svg>',
     201
     202            'deviantart'  => '<svg width="12" height="19" viewBox="0 0 12 19" xmlns="http://www.w3.org/2000/svg"><path d="M11.48.139h-.01v3.608L8.32 9.753l.29.284h2.86v4.513H6.14l-.46.249-1.58 3.003-.32.337H.68v-3.607l3.15-6.006-.29-.284H.68V3.747h5.35l.47-.267L8.08.477 8.4.139z"/></svg>',
     203
     204            'digg'        => '<svg width="18" height="11" viewBox="0 0 18 11" xmlns="http://www.w3.org/2000/svg"><path d="M5.41 2.554h1.793v6.117H5.41V2.554zM2.879.023h1.793V8.67H-.004V2.554h2.883V.023zm0 3.973h-1.09V7.23h1.09V3.996zM5.41.023h1.793V1.85H5.41V.023zm2.496 2.531h4.676v8.297H7.906V9.41h2.883V8.67H7.906V2.554zM9.7 7.23h1.09V3.995h-1.09V7.23zm8.297-4.676v8.297H13.32V9.41h2.883V8.67H13.32V2.554h4.676zm-1.793 1.441h-1.09V7.23h1.09V3.995z"/></svg>',
     205
     206            'dribbble'    => '<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="M9.68.139c1.254 0 2.426.234 3.516.703 1.09.48 2.042 1.128 2.856 1.943s1.456 1.766 1.925 2.856.703 2.256.703 3.498c0 1.242-.234 2.408-.703 3.498s-1.11 2.042-1.925 2.856-1.767 1.462-2.856 1.943c-1.102.468-2.274.703-3.516.703s-2.408-.235-3.498-.703c-1.09-.48-2.042-1.128-2.856-1.943s-1.462-1.766-1.943-2.856A8.758 8.758 0 01.68 9.139c0-1.242.234-2.408.703-3.498.48-1.09 1.128-2.042 1.943-2.856S5.092 1.323 6.182.842A8.758 8.758 0 019.68.14zm5.977 4.148a7.736 7.736 0 01-1.16 1.16 12.69 12.69 0 01-1.301.932c-.516.328-1.125.639-1.828.932.093.176.181.36.263.554.082.193.158.383.229.57.035.06.064.121.088.185.023.065.052.132.088.203a12.923 12.923 0 011.88-.106c.622.012 1.178.041 1.67.088s.897.1 1.213.158c.328.059.522.094.58.106 0-.914-.155-1.779-.466-2.593a7.84 7.84 0 00-1.256-2.189zM9.68 1.44a7.741 7.741 0 00-1.793.21c.059.083.182.253.37.51.187.27.412.604.676 1.002.264.399.56.856.888 1.372.316.503.632 1.043.949 1.617 1.371-.516 2.37-1.081 2.997-1.697.627-.615.964-.975 1.01-1.08a7.29 7.29 0 00-1.09-.81 8.176 8.176 0 00-1.22-.606 6.813 6.813 0 00-1.346-.378 7.332 7.332 0 00-1.44-.14zm-3.234.738a7.587 7.587 0 00-1.512.932 8.169 8.169 0 00-1.257 1.248 7.56 7.56 0 00-.94 1.494 7.7 7.7 0 00-.58 1.705c.093 0 .345-.006.755-.018.41 0 .938-.026 1.582-.079a30.18 30.18 0 002.198-.272c.832-.13 1.699-.31 2.601-.545a45.446 45.446 0 00-.966-1.617 92.45 92.45 0 00-1.881-2.848zm-4.43 6.96c0 .493.047.974.14 1.442a7.136 7.136 0 001.002 2.584c.247.399.522.768.827 1.108l.492-.739c.281-.41.685-.884 1.213-1.423a14.583 14.583 0 011.916-1.618c.761-.539 1.64-.966 2.636-1.283l.15-.061a.938.938 0 01.132-.044l-.29-.65c-.1-.223-.203-.44-.308-.651-.973.293-1.916.516-2.83.668s-1.734.26-2.461.325c-.727.065-1.324.097-1.793.097-.469.012-.744.012-.826 0v.246zm7.664 7.7c.55 0 1.078-.059 1.582-.176.504-.117.984-.27 1.441-.457a11.367 11.367 0 00-.158-.79c-.07-.376-.17-.818-.299-1.328a31.427 31.427 0 00-.492-1.714c-.199-.633-.433-1.3-.703-2.004 0 .024-.006.036-.018.036h-.017c-1.09.375-2.01.826-2.76 1.353-.762.516-1.38 1.017-1.854 1.503-.475.486-.824.917-1.046 1.292a8.306 8.306 0 00-.387.668c.656.492 1.386.885 2.188 1.178s1.644.439 2.523.439zm4.324-1.336a8.092 8.092 0 001.196-.984c.363-.375.685-.78.966-1.213s.516-.897.703-1.389.323-1.008.405-1.547a8.474 8.474 0 00-.51-.158 11.686 11.686 0 00-2.531-.316c-.551-.012-1.131.029-1.74.123.257.691.474 1.347.65 1.969.176.609.325 1.157.448 1.643s.214.894.273 1.222c.07.316.117.533.14.65z"/></svg>',
     207
     208            'etsy'        => '<svg width="16" height="19" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg"><path d="M.83.841A.423.423 0 01.9.543C.96.46 1.076.42 1.251.42c.082 0 .333.006.754.017.422.012.924.024 1.51.036s1.21.023 1.876.035 1.287.017 1.86.017c2.35 0 3.947-.064 4.79-.193.842-.128 1.467-.193 1.877-.193.21.012.35.082.42.21s.106.246.106.352-.035.26-.105.465a2.25 2.25 0 00-.105.728c0 .28.023.558.07.833.046.275.07.547.07.816 0 .245-.08.412-.237.5a.901.901 0 01-.43.131c-.105 0-.19-.029-.254-.087s-.097-.193-.097-.404c-.011-.398-.16-.824-.447-1.28-.287-.457-1.868-.685-4.746-.685-1.45 0-2.31.097-2.579.29s-.403.517-.403.973v4.456c0 .246.038.413.114.5.076.088.213.132.412.132h4.176c.397 0 .775-.117 1.131-.35s.565-.644.623-1.229c.012-.292.056-.47.132-.535s.196-.097.36-.097c.151 0 .28.065.385.193.106.13.152.334.14.614-.034.293-.072.597-.113.913-.041.316-.062.678-.062 1.087 0 .422.03.825.088 1.211.058.386.088.731.088 1.035 0 .292-.14.46-.421.5s-.457-.102-.527-.43c-.07-.292-.228-.646-.473-1.061-.246-.415-.825-.623-1.737-.623h-3.72c-.21 0-.362.067-.456.202-.093.134-.14.371-.14.71v4.737c0 .421.108.813.325 1.176s.74.543 1.57.543c.42 0 .912.006 1.473.018a20.7 20.7 0 001.685-.07 10.113 10.113 0 001.631-.263c.527-.13.965-.328 1.316-.597.28-.222.485-.517.614-.886.129-.368.24-.833.333-1.395.047-.245.26-.339.64-.28.38.058.553.386.518.982-.011.28-.108.67-.29 1.167-.18.497-.271.938-.271 1.324v.957c0 .345-.14.517-.421.517-.246 0-.445-.047-.597-.14-.152-.094-.772-.14-1.86-.14-.537 0-1.35.005-2.438.017-1.088 0-2.207.006-3.36.018-1.152.011-2.213.017-3.184.017-.97.012-1.614.018-1.93.018-.222 0-.37-.035-.447-.106s-.114-.175-.114-.315.044-.258.132-.351.23-.14.43-.14c.187 0 .579-.088 1.175-.264.596-.175.895-.79.895-1.842V3.858c0-.561-.1-1.088-.299-1.579-.198-.491-.649-.772-1.35-.842-.281-.035-.439-.102-.474-.202S.83 1.005.83.841z"/></svg>',
     209
     210            'facebook'    => '<svg width="11" height="19" viewBox="0 0 11 19" xmlns="http://www.w3.org/2000/svg"><path d="M7.05 18.437H3.745V10.21H.968V7.011h2.777V4.656c0-.692.1-1.295.3-1.81.198-.528.477-.97.834-1.328a3.367 3.367 0 011.292-.8A4.903 4.903 0 017.86.437c.586 0 1.107.015 1.564.044.457.03.756.062.897.097v2.847H8.632c-.668 0-1.099.144-1.292.431-.193.287-.29.66-.29 1.116v2.04h3.164l-.422 3.199H7.05v8.226z"/></svg>',
     211
     212            'feed'        => '<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="M5.12 15.714c0 .668-.232 1.233-.697 1.696a2.321 2.321 0 01-1.703.695c-.67 0-1.238-.232-1.703-.695a2.303 2.303 0 01-.697-1.696c0-.645.232-1.204.697-1.679a2.292 2.292 0 011.703-.712c.67 0 1.238.235 1.703.704.465.468.697 1.03.697 1.687zM.32 9.702V6.257c1.647 0 3.188.31 4.624.932 1.447.632 2.708 1.485 3.785 2.557s1.926 2.33 2.55 3.77a11.6 11.6 0 01.935 4.624H8.755a8.552 8.552 0 00-.635-3.243 8.383 8.383 0 00-1.835-2.734A8.436 8.436 0 001.979 9.86 8.652 8.652 0 00.32 9.702zm0-6.117V.14c2.482 0 4.812.474 6.988 1.424 2.188.937 4.097 2.223 5.727 3.858s2.92 3.542 3.873 5.722c.941 2.191 1.412 4.523 1.412 6.996h-3.459c0-2.004-.382-3.89-1.147-5.66s-1.806-3.314-3.123-4.632a14.708 14.708 0 00-4.624-3.12C4.202 3.966 2.32 3.585.32 3.585z"/></svg>',
     213
     214            'flickr'      => '<svg width="18" height="9" viewBox="0 0 18 9" xmlns="http://www.w3.org/2000/svg"><path d="M4.08 8.179c-.563 0-1.09-.105-1.582-.316a4.082 4.082 0 01-1.292-.87 4.274 4.274 0 01-.888-1.31C.108 5.19.002 4.663.002 4.1s.105-1.09.316-1.582c.211-.492.501-.923.87-1.292.37-.37.806-.665 1.31-.888A3.973 3.973 0 014.08.023c.563 0 1.09.105 1.582.316.492.211.923.501 1.292.87.37.37.665.806.888 1.31.21.492.316 1.02.316 1.582s-.105 1.09-.316 1.582c-.211.492-.501.923-.87 1.292-.37.369-.806.665-1.31.888-.492.21-1.02.316-1.582.316zm9.844 0c-.563 0-1.09-.105-1.582-.316a4.082 4.082 0 01-1.292-.87 4.274 4.274 0 01-.888-1.31c-.21-.492-.316-1.02-.316-1.582s.105-1.09.316-1.582c.211-.492.501-.923.87-1.292.37-.37.806-.665 1.31-.888a3.973 3.973 0 011.582-.316c.562 0 1.09.105 1.582.316.492.211.923.501 1.292.87.369.37.665.806.888 1.31.21.492.316 1.02.316 1.582s-.106 1.09-.316 1.582c-.211.492-.501.923-.87 1.292-.37.369-.806.665-1.31.888-.492.21-1.02.316-1.582.316z"/></svg>',
     215
     216            'foursquare'  => '<svg width="14" height="19" viewBox="0 0 14 19" xmlns="http://www.w3.org/2000/svg"><path d="M12.28.101c.727 0 1.195.196 1.406.589.211.392.246.958.106 1.696-.106.492-.252 1.195-.44 2.11-.176.914-.354 1.828-.536 2.742-.182.914-.349 1.734-.5 2.46-.142.716-.224 1.126-.247 1.231-.07.27-.193.571-.37.905-.175.334-.567.501-1.177.501H7.57c-.059 0-.097.006-.114.018l-.132.088c-.023.023-.275.31-.756.861-.48.563-1.005 1.175-1.573 1.837-.568.662-1.093 1.269-1.573 1.82l-.703.826c-.176.21-.384.316-.624.316s-.42-.023-.537-.07c-.105-.035-.225-.132-.36-.29-.135-.159-.202-.413-.202-.765V1.718c0-.316.12-.665.36-1.046.24-.38.683-.571 1.327-.571h9.598zm-.055 10.055l.09-.457.06-.283-.15.74zm.15-.74l.584-2.898-.143.72a251.52 251.52 0 01-.442 2.178zm.584-2.898c.132-.674.264-1.348.393-2.023.188-.914.334-1.617.44-2.109l-.833 4.132zm-1.241-3.816a.517.517 0 00-.097-.448.45.45 0 00-.36-.184H3.562c-.176 0-.32.064-.431.193s-.167.264-.167.404v11.918c0 .012.008.018.026.018s.032-.006.044-.018l.44-.545a55.84 55.84 0 001.01-1.204c.37-.45.724-.882 1.064-1.292.328-.41.533-.662.615-.756.164-.199.302-.325.413-.378.111-.052.29-.079.536-.079h2.566c.2 0 .346-.058.44-.175.094-.118.146-.211.158-.282a35 35 0 00.202-.993c.112-.568.185-.929.22-1.08.012-.165-.038-.317-.15-.458s-.237-.21-.377-.21H6.97c-.21 0-.38-.065-.51-.194s-.193-.3-.193-.51v-.457c0-.211.065-.38.194-.51s.298-.193.51-.193H10.732c.13 0 .252-.05.37-.15s.193-.202.228-.307l.387-2.11z"/></svg>',
     217
     218            'goodreads'   => '<svg width="13" height="19" viewBox="0 0 13 19" xmlns="http://www.w3.org/2000/svg"><path d="M10.63.418h1.444v12.294c0 .869-.117 1.638-.352 2.307-.247.67-.599 1.233-1.057 1.691s-1.027.804-1.708 1.04c-.681.234-1.462.351-2.343.351-.775 0-1.467-.094-2.078-.281-.61-.2-1.127-.485-1.55-.855a3.653 3.653 0 01-.969-1.347c-.234-.528-.358-1.133-.37-1.814l-.035-.388H2.88v.423c.06.951.39 1.67.995 2.158.605.487 1.495.73 2.669.73 1.409 0 2.442-.325 3.1-.977.657-.652.986-1.664.986-3.038v-1.867c-.458.634-1.075 1.133-1.85 1.497a5.769 5.769 0 01-2.483.546c-.88 0-1.67-.173-2.369-.52s-1.283-.842-1.752-1.488a6.218 6.218 0 01-.969-1.955 8.196 8.196 0 01-.334-2.378c0-.974.135-1.855.405-2.641.27-.799.651-1.48 1.144-2.044S3.51.864 4.202.56C4.893.254 5.662.101 6.508.101c.845 0 1.629.185 2.35.555a4.72 4.72 0 011.77 1.559V.418zm.317 6.13a6.213 6.213 0 00-.361-2.238c-.252-.692-.614-1.274-1.083-1.743a3.753 3.753 0 00-1.268-.846 4.137 4.137 0 00-1.55-.281c-.81 0-1.491.152-2.043.458a3.998 3.998 0 00-1.357 1.215 5.054 5.054 0 00-.74 1.638 7.39 7.39 0 00-.228 1.796c0 .764.1 1.45.3 2.061.199.61.48 1.136.845 1.576s.804.778 1.32 1.013a4.124 4.124 0 001.726.352c.764 0 1.427-.14 1.99-.422a4.218 4.218 0 001.374-1.145c.364-.47.635-1.004.81-1.603s.265-1.21.265-1.832z"/></svg>',
     219
     220            'google-plus' => '<svg width="19" height="13" viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg"><path d="M6.14 5.323h5.45c.082.516.111 1.031.088 1.547s-.112 1.02-.264 1.512a5.708 5.708 0 01-.554 1.31c-.24.416-.536.788-.888 1.116-.34.305-.709.56-1.107.765s-.815.348-1.248.43a6.43 6.43 0 01-1.495.176c-.504 0-.99-.058-1.459-.176a5.32 5.32 0 01-1.107-.439 6.98 6.98 0 01-1.002-.65 4.671 4.671 0 01-.906-.862 6.176 6.176 0 01-.677-1.037 5.985 5.985 0 01-.545-1.846A5.935 5.935 0 01.48 5.288a7.45 7.45 0 01.211-.774c.082-.246.176-.48.281-.703A5.884 5.884 0 012.334 2.08 5.754 5.754 0 014.24.963a6.02 6.02 0 011.97-.307c.68.005 1.324.12 1.933.342.352.13.686.29 1.002.484.317.193.604.419.862.677-.094.093-.19.184-.29.272-.1.088-.19.185-.273.29L8.39 3.776a2.845 2.845 0 00-1.265-.738c-.27-.094-.548-.141-.836-.141s-.57.023-.852.07c-.317.07-.627.19-.932.36-.305.17-.568.367-.791.59-.2.199-.37.416-.51.65-.14.235-.252.475-.334.72-.117.376-.176.754-.176 1.135s.059.753.176 1.116c.129.352.305.68.528.985.222.304.492.562.808.773.2.14.405.26.616.36s.427.168.65.203c.234.047.472.067.712.061.24-.006.472-.026.694-.061.211-.035.428-.097.65-.185.224-.088.429-.19.616-.308.305-.21.557-.471.756-.782.2-.31.334-.647.404-1.01H6.14V5.322zm12.236.14v1.442h-1.969v1.97h-1.442v-1.97h-1.969V5.464h1.97v-1.97h1.441v1.97h1.969z"/></svg>',
     221
     222            'google'      => '<svg width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"><path d="M17.65 8.499c.047.633.038 1.256-.026 1.871a12.714 12.714 0 01-.325 1.819 8.868 8.868 0 01-.896 2.02 7.555 7.555 0 01-1.388 1.704 8.218 8.218 0 01-1.731 1.213 7.965 7.965 0 01-1.959.72 9.909 9.909 0 01-2.31.255 8.672 8.672 0 01-2.293-.325 9.662 9.662 0 01-1.73-.66 7.935 7.935 0 01-1.538-.992c-.515-.41-.981-.867-1.397-1.37s-.77-1.043-1.063-1.617C.772 12.692.59 12.23.45 11.75s-.246-.966-.317-1.458a7.93 7.93 0 01-.07-1.493 9.1 9.1 0 01.158-1.494c.094-.386.202-.77.325-1.15.123-.381.272-.747.448-1.099.27-.515.58-1.007.931-1.475a9.392 9.392 0 012.618-2.267 8.746 8.746 0 011.581-.72A9.498 9.498 0 019.146.1a8.34 8.34 0 011.529.14 8.067 8.067 0 011.493.422c.527.2 1.034.448 1.52.747.486.298.94.647 1.361 1.045-.14.14-.284.287-.43.44-.146.152-.296.298-.448.439-.27.28-.542.556-.817.825s-.553.545-.835.826c-.269-.27-.568-.5-.896-.694a5.15 5.15 0 00-1.036-.465c-.422-.13-.858-.2-1.31-.211s-.892.023-1.326.105a5.833 5.833 0 00-1.458.58c-.457.258-.86.568-1.212.931-.305.305-.568.636-.79.993s-.405.729-.545 1.115a5.67 5.67 0 00-.255 1.757c.006.61.102 1.195.29 1.757h-.035a.603.603 0 01.061.123c.018.047.032.088.044.123.2.492.469.958.808 1.397.34.44.726.805 1.16 1.098a6.2 6.2 0 00.957.545 4.63 4.63 0 001.046.334 5.451 5.451 0 002.143 0c.352-.059.694-.156 1.028-.29s.647-.296.94-.484c.48-.316.878-.717 1.195-1.203.316-.486.527-1.01.632-1.572H9.041V7.41h8.468c.035.175.065.357.088.544s.041.37.053.545z"/></svg>',
     223
     224            'github'      => '<svg width="17" height="19" viewBox="0 0 17 19" xmlns="http://www.w3.org/2000/svg"><path d="M16.82 6.336c0 1.127-.153 2.049-.458 2.765-.317.716-.725 1.286-1.224 1.709s-1.066.728-1.7.915c-.645.188-1.291.317-1.937.388.211.2.393.478.546.837.153.358.229.807.229 1.347V18.1H6.464a173.584 173.584 0 00-.035-2.783c-1.62.353-2.683.212-3.188-.422l-.758-.951c-.27-.67-.554-1.125-.854-1.365l-.449-.361c-.528-.353-.643-.558-.343-.617l.449-.088c.587.059 1.033.273 1.338.643l.458.555c.517.892 1.127 1.318 1.832 1.277.704-.041 1.221-.138 1.55-.291.059-.376.158-.693.3-.951s.299-.458.475-.599a12.085 12.085 0 01-1.938-.405c-.634-.2-1.206-.51-1.717-.933S2.665 9.817 2.36 9.1c-.317-.716-.475-1.638-.475-2.765 0-.634.108-1.215.325-1.744.218-.528.508-.992.872-1.391-.059-.14-.132-.49-.22-1.048S2.894.911 3.223.101l.757.035C4.485.16 5.301.547 6.43 1.3A11.364 11.364 0 019.352.91c.517 0 1.022.036 1.515.106.493.07.974.164 1.444.282C13.427.536 14.24.145 14.751.128L15.515.1c.318.81.432 1.494.344 2.052s-.167.907-.238 1.048c.388.41.684.878.89 1.4.205.523.308 1.101.308 1.735zM2.096 12.078a.235.235 0 00-.026-.106.134.134 0 00-.08-.07c-.058-.036-.105-.047-.14-.036a.106.106 0 00-.071.07c-.012.024-.006.057.018.098a.163.163 0 00.088.079c.035.012.076.012.123 0s.076-.024.088-.035zm.458.528a.122.122 0 00.035-.123.261.261 0 00-.07-.124c-.036-.058-.077-.088-.124-.088s-.088.006-.123.018c-.012.035-.017.076-.017.123s.017.088.052.124.083.058.141.07c.059.012.094.012.106 0zm.458.67a.18.18 0 00.053-.133.245.245 0 00-.053-.15c-.035-.058-.076-.093-.123-.105a.22.22 0 00-.124 0c-.035.023-.053.064-.053.123s.018.112.053.159c.035.058.077.094.124.105a.22.22 0 00.123 0zm.634.633c.035-.035.044-.082.026-.14a.267.267 0 00-.097-.141c-.035-.06-.082-.091-.14-.097s-.106.014-.141.061c-.036.036-.044.08-.027.132.018.053.05.103.097.15.035.059.082.088.141.088s.106-.017.14-.053zm.88.388c.012-.059-.002-.112-.044-.159s-.085-.076-.132-.088a.469.469 0 00-.202.01c-.065.017-.103.049-.115.096a.177.177 0 00.044.159.274.274 0 00.168.088c.058.011.117.008.176-.01s.094-.05.106-.096zm.705.246c.07 0 .13-.017.176-.052s.07-.077.07-.124a.146.146 0 00-.07-.132.327.327 0 00-.176-.044c-.07 0-.13.018-.176.053-.047.035-.07.076-.07.123 0 .06.023.103.07.132.047.03.106.044.176.044zm.916-.105c.07-.024.129-.056.176-.097s.07-.08.07-.115a.223.223 0 00-.105-.123.284.284 0 00-.176-.017c-.07.023-.13.055-.176.096s-.07.08-.07.115c.023.059.058.1.105.123s.105.03.176.018z"/></svg>',
     225
     226            'instagram'   => '<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="M9.51 1.757c-1.219 0-2.01.009-2.373.026-.363.018-.791.033-1.283.044a6.324 6.324 0 00-1.046.123 4.488 4.488 0 00-.642.194c-.199.07-.38.16-.545.272a3.267 3.267 0 00-.852.853 2.815 2.815 0 00-.29.562 5.826 5.826 0 00-.176.624c-.059.252-.094.607-.105 1.064-.024.48-.041.902-.053 1.265s-.018 1.149-.018 2.356c0 1.219.009 2.01.027 2.373.017.363.032.79.044 1.283.023.445.064.794.123 1.046s.123.466.193.642c.07.199.161.38.272.544a3.267 3.267 0 00.853.853c.164.111.352.208.562.29.165.059.373.117.624.176.252.058.607.094 1.064.105.48.024.902.041 1.266.053s1.148.018 2.355.018c1.219 0 2.01-.01 2.373-.027s.791-.032 1.283-.044a6.324 6.324 0 001.046-.123c.252-.058.466-.123.642-.193.199-.07.38-.161.545-.273a3.267 3.267 0 00.852-.852c.112-.164.208-.352.29-.563.059-.164.117-.372.176-.624s.094-.606.106-1.063c.023-.48.04-.902.052-1.266s.018-1.148.018-2.355c0-1.219-.009-2.01-.027-2.373a53.213 53.213 0 01-.043-1.283 6.324 6.324 0 00-.124-1.046 4.488 4.488 0 00-.193-.642c-.07-.2-.161-.38-.272-.545s-.244-.322-.396-.474a2.83 2.83 0 00-1.02-.668 5.826 5.826 0 00-.623-.176c-.252-.059-.607-.094-1.064-.106-.48-.023-.902-.04-1.266-.052s-1.148-.018-2.355-.018zm0-1.617c1.23 0 2.036.009 2.417.026.38.018.806.032 1.274.044.493.024.909.067 1.248.132.34.064.65.15.932.255.305.129.589.275.853.44.263.163.518.368.764.615s.454.503.624.773.314.55.43.844c.106.27.194.577.265.923.07.345.11.764.123 1.256.023.48.04.909.052 1.284.012.375.018 1.177.018 2.408s-.009 2.036-.026 2.417c-.018.38-.033.805-.044 1.274a9.181 9.181 0 01-.132 1.248c-.065.34-.15.65-.255.932-.129.304-.275.589-.44.852s-.369.519-.615.765-.504.454-.773.624c-.27.17-.551.313-.844.43-.27.106-.577.194-.923.264-.346.07-.764.112-1.257.123-.48.024-.908.041-1.283.053-.375.012-1.178.018-2.408.018s-2.036-.01-2.417-.027-.806-.032-1.274-.044a9.181 9.181 0 01-1.248-.131c-.34-.065-.65-.15-.932-.255a6.136 6.136 0 01-.853-.44c-.263-.164-.518-.369-.764-.615s-.454-.504-.624-.773c-.17-.27-.314-.551-.43-.844a5.607 5.607 0 01-.265-.923A7.287 7.287 0 01.58 12.83c-.023-.48-.04-.908-.052-1.283C.516 11.173.51 10.37.51 9.14s.009-2.036.026-2.417c.018-.381.033-.806.044-1.275.024-.492.068-.908.132-1.248.065-.34.15-.65.255-.931.129-.305.275-.59.44-.853.164-.264.369-.518.615-.764s.504-.455.773-.625c.27-.17.551-.313.844-.43.27-.106.577-.194.923-.264.345-.07.764-.111 1.257-.123.48-.023.908-.04 1.283-.053S8.279.14 9.51.14zm0 4.36c.645 0 1.248.122 1.81.368a4.53 4.53 0 012.461 2.461c.247.563.37 1.166.37 1.81 0 .645-.123 1.249-.37 1.811a4.53 4.53 0 01-2.46 2.461 4.467 4.467 0 01-1.811.37 4.467 4.467 0 01-1.81-.37 4.53 4.53 0 01-2.461-2.46 4.467 4.467 0 01-.37-1.811c0-.645.123-1.248.37-1.81a4.53 4.53 0 012.46-2.462A4.467 4.467 0 019.51 4.5zm0 7.663c.832 0 1.544-.299 2.136-.896.591-.598.887-1.307.887-2.127 0-.832-.298-1.544-.896-2.136-.598-.592-1.307-.888-2.127-.888-.832 0-1.544.3-2.136.897-.592.598-.887 1.307-.887 2.127 0 .832.298 1.544.896 2.136.598.591 1.307.887 2.127.887zm5.871-7.84c0 .293-.1.548-.299.765a.982.982 0 01-.756.325 1.06 1.06 0 01-.764-.316 1.038 1.038 0 01-.325-.774c0-.292.105-.541.316-.747.21-.205.469-.307.773-.307.293 0 .542.1.747.299.206.199.308.45.308.755z"/></svg>',
     227
     228            'lastfm'      => '<svg width="19" height="11" viewBox="0 0 19 11" xmlns="http://www.w3.org/2000/svg"><path d="M14.52 10.093c-.89 0-1.647-.094-2.268-.281-.609-.188-1.125-.446-1.547-.774a4.092 4.092 0 01-1.019-1.142 7.805 7.805 0 01-.615-1.389l-.668-2.074c-.246-.75-.563-1.383-.95-1.899-.386-.515-1.03-.773-1.933-.773-.633 0-1.213.258-1.74.773-.528.516-.791 1.407-.791 2.672 0 .985.222 1.764.668 2.338s1.03.862 1.758.862c.808 0 1.456-.2 1.942-.598l.73-.598.667 1.793-.852.545c-.569.363-1.433.545-2.593.545-.715 0-1.353-.105-1.916-.316-.562-.211-1.034-.519-1.415-.923s-.67-.905-.87-1.503c-.2-.598-.299-1.29-.299-2.074 0-.82.1-1.547.299-2.18.2-.645.495-1.186.888-1.626s.876-.776 1.45-1.01C4.02.225 4.688.108 5.45.108c.68 0 1.283.064 1.81.193.528.129.99.34 1.389.633.398.293.738.668 1.02 1.125.292.469.55 1.037.773 1.705l.668 2.074c.246.75.62 1.371 1.125 1.864.504.492 1.277.738 2.32.738.703 0 1.236-.085 1.6-.255.363-.17.545-.448.545-.835 0-.293-.103-.545-.308-.756-.205-.21-.571-.38-1.099-.51l-1.406-.351c-.844-.188-1.453-.504-1.828-.95-.375-.445-.562-1.019-.562-1.722 0-1.125.38-1.899 1.142-2.32s1.612-.633 2.549-.633c1.055 0 1.887.199 2.496.597s.961 1.067 1.055 2.004l-2.074.246c-.036-.433-.19-.747-.466-.94-.276-.193-.66-.29-1.152-.29-.457 0-.811.094-1.063.281-.252.188-.378.457-.378.809 0 .316.08.568.237.756.158.187.466.334.923.44l1.336.28c.879.211 1.55.548 2.013 1.011.463.463.694 1.11.694 1.942 0 1.032-.392 1.764-1.178 2.198-.785.433-1.822.65-3.11.65z"/></svg>',
     229
     230            'linkedin'    => '<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="M14.27 9.628a1.057 1.057 0 00-.492-.316 2.467 2.467 0 00-.774-.106c-.386 0-.712.059-.975.176a1.64 1.64 0 00-.642.492c-.152.223-.266.492-.343.809s-.114.68-.114 1.09v6.152a.473.473 0 01-.026.15.448.448 0 01-.114.166c-.036.035-.083.068-.141.097s-.117.044-.176.044H7.24c-.047 0-.097-.015-.15-.044s-.108-.062-.167-.097a1.305 1.305 0 01-.096-.15.339.339 0 01-.044-.166V6.57a.31.31 0 01.044-.15 5.8 5.8 0 01.096-.167c.047-.035.097-.067.15-.096s.108-.044.167-.044h3.129a.69.69 0 01.149.017c.053.012.097.03.132.053.035.012.061.041.079.088l.061.158c0 .047.006.094.018.14a.48.48 0 01.018.106v.281c.398-.386.867-.67 1.406-.852a5.59 5.59 0 011.793-.273c.75 0 1.418.088 2.004.264.586.176 1.09.451 1.511.826.422.387.739.856.95 1.407.21.55.316 1.195.316 1.933v7.664a.473.473 0 01-.026.15.448.448 0 01-.115.167c-.035.035-.082.067-.14.096s-.117.044-.176.044h-3.305a.31.31 0 01-.15-.044 5.8 5.8 0 01-.166-.096 1.305 1.305 0 01-.097-.15.339.339 0 01-.044-.167V11c0-.293-.026-.553-.079-.782a1.85 1.85 0 00-.237-.589zm-9.738-5.45c-.211.212-.446.37-.703.475s-.54.159-.844.159c-.293 0-.571-.053-.835-.159s-.501-.263-.712-.474c-.211-.211-.37-.443-.475-.695a2.19 2.19 0 01-.158-.852c0-.293.053-.566.158-.817.106-.252.264-.484.475-.695.21-.21.445-.375.703-.492s.54-.176.844-.176c.293 0 .571.059.835.176s.5.281.712.492c.21.211.369.44.474.686.106.246.159.521.159.826 0 .316-.053.6-.159.852a2.159 2.159 0 01-.474.695zm.527 2.391v11.355a.31.31 0 01-.044.15c-.03.053-.061.108-.097.167a1.305 1.305 0 01-.149.096.339.339 0 01-.167.044H1.368a.31.31 0 01-.15-.044 5.802 5.802 0 01-.167-.096 1.305 1.305 0 01-.096-.15.339.339 0 01-.044-.167V6.57a.31.31 0 01.044-.149c.029-.053.061-.108.096-.167.047-.035.097-.067.15-.097a.339.339 0 01.167-.044h3.234a.31.31 0 01.15.044 5.8 5.8 0 01.166.097c.036.047.068.097.097.15.03.052.044.108.044.166z"/></svg>',
     231
     232            'mail'        => '<svg width="18" height="13" viewBox="0 0 18 13" xmlns="http://www.w3.org/2000/svg"><path d="M9.6 8.175l8.402-6.856v10.793h-18V1.32l8.403 6.856c.093.07.19.129.29.176s.202.07.307.07.211-.023.317-.07c.105-.047.199-.106.28-.176zm-.598-2.074a.662.662 0 01-.263-.053 1.417 1.417 0 01-.229-.123L1.373.089h15.258L9.495 5.925a.813.813 0 01-.492.176z"/></svg>',
     233
     234            'medium'      => '<svg width="19" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg"><path d="M18.39 15.093h-6.856l1.372-1.512c.023-.023.038-.079.044-.167.005-.088.008-.202.008-.342V3.667l-4.5 11.426L3.572 4.441a5.822 5.822 0 01-.167-.457 39.698 39.698 0 01-.15-.474v7.927c0 .164.006.282.018.352.012.07.076.182.193.334l2.074 2.97H.39l2.092-2.97c.117-.152.178-.264.184-.334.006-.07.01-.188.01-.352V3.246c0-.176.002-.293.008-.352.006-.058-.032-.14-.114-.246L.97.222h4.852l4.2 9.3 3.657-9.3h4.711l-1.266 1.565c-.082.094-.131.187-.149.281s-.026.211-.026.352v10.635c0 .14.003.252.008.334.006.082.027.14.062.176l1.371 1.529z"/></svg>',
     235
     236            'meetup'      => '<svg width="19" height="15" viewBox="0 0 19 15" xmlns="http://www.w3.org/2000/svg"><path d="M12.22 11.542c-.012-.258.012-.504.07-.738s.14-.463.246-.685c.375-.797.75-1.59 1.125-2.38a774.383 774.383 0 001.291-2.742c.053-.123.085-.254.097-.395a1.428 1.428 0 00-.018-.387c-.023-.128-.105-.228-.246-.298-.14-.07-.278-.091-.413-.062s-.255.097-.36.202c-.14.106-.255.232-.343.378a6.41 6.41 0 00-.237.43c-.27.528-.533 1.049-.79 1.564a192.161 192.161 0 01-1.582 3.092l-.773 1.547c-.082.152-.164.301-.246.448a1.8 1.8 0 01-.298.395c-.223.234-.501.39-.835.465-.334.077-.653.05-.957-.079a.87.87 0 01-.519-.535c-.088-.252-.073-.548.044-.888.2-.527.401-1.048.606-1.563s.413-1.031.624-1.547l.316-.843.317-.843c.035-.07.064-.147.087-.229s.041-.158.053-.228a1.094 1.094 0 00-.088-.703.8.8 0 00-.474-.421.77.77 0 00-.598.07c-.199.105-.35.28-.456.527-.246.609-.492 1.221-.738 1.836s-.486 1.227-.72 1.836c-.258.632-.513 1.268-.765 1.906s-.506 1.268-.764 1.889c-.281.68-.68 1.13-1.195 1.353s-1.118.222-1.81 0c-.609-.2-1.068-.563-1.379-1.09-.31-.527-.377-1.112-.202-1.756.13-.528.27-1.055.422-1.582.152-.527.31-1.051.474-1.572.164-.522.328-1.04.492-1.555.176-.527.346-1.048.51-1.564l.457-1.265c.153-.422.316-.837.491-1.247.305-.656.794-1.166 1.467-1.529.674-.363 1.327-.457 1.96-.28.28.07.553.172.816.307s.525.272.782.412c.27.153.522.205.756.159.234-.047.462-.164.685-.352a92.698 92.698 0 00.597-.527c.422-.34.864-.504 1.327-.492.463.012.893.2 1.291.562.07.059.138.118.202.176.065.059.132.117.202.176a.653.653 0 00.378.202.597.597 0 00.413-.114 2.279 2.279 0 011.15-.37c.393-.011.788.024 1.187.106.55.117.978.413 1.282.887s.416.993.334 1.555a7.778 7.778 0 01-.588 2.02 277.748 277.748 0 00-1.626 3.725 9.284 9.284 0 00-.58 1.863c-.011.117-.023.228-.035.334a3.025 3.025 0 00-.017.333c-.012.328.05.583.184.765.135.181.372.313.712.395.21.059.43.105.659.14s.454.077.676.124c.316.07.539.184.668.342.129.158.187.372.175.641-.011.246-.09.446-.237.598s-.372.258-.676.316c-.55.106-1.092.123-1.625.053s-1.052-.217-1.555-.44c-.598-.257-1.051-.629-1.362-1.115-.31-.486-.483-1.057-.518-1.713z"/></svg>',
     237
     238            'pinterest'   => '<svg width="15" height="19" viewBox="0 0 15 19" xmlns="http://www.w3.org/2000/svg"><path d="M4.77 7.548c0-.387.047-.738.14-1.055.094-.316.247-.61.458-.879.187-.257.404-.457.65-.597.246-.14.51-.211.791-.211.223 0 .422.035.598.105.175.07.328.188.457.352a1.866 1.866 0 01.387 1.16c0 .14-.015.296-.044.466-.03.17-.074.354-.132.554-.047.21-.1.436-.159.676s-.134.495-.228.765c-.082.281-.158.527-.229.738-.07.211-.123.399-.158.563-.07.28-.079.545-.026.79.053.247.167.475.343.686.175.188.378.334.606.44s.483.158.765.158c.492 0 .94-.138 1.344-.413s.765-.689 1.082-1.24c.316-.562.553-1.177.711-1.845s.238-1.4.238-2.197c0-.598-.097-1.143-.29-1.635a3.831 3.831 0 00-.87-1.319 3.932 3.932 0 00-1.398-.835c-.545-.193-1.169-.29-1.872-.29-.785 0-1.494.123-2.127.37a4.48 4.48 0 00-1.67 1.142A4.99 4.99 0 003.03 5.632a5.075 5.075 0 00-.37 1.951c0 .422.06.809.176 1.16.118.352.293.668.528.95a.566.566 0 01.158.28.96.96 0 01.017.317c-.035.082-.07.194-.105.334s-.07.31-.105.51a.397.397 0 01-.07.176.32.32 0 01-.141.105.614.614 0 01-.15.018.852.852 0 01-.167-.018 3.17 3.17 0 01-.949-.606 3.555 3.555 0 01-.703-.94A4.85 4.85 0 01.727 8.69a6.23 6.23 0 01-.14-1.354c0-.316.026-.627.078-.932.053-.304.132-.615.238-.931.105-.317.231-.624.378-.923s.325-.589.536-.87c.21-.293.445-.566.703-.818.258-.252.527-.495.809-.73.292-.222.618-.424.975-.606a7.928 7.928 0 011.204-.483c.422-.117.859-.21 1.31-.281.451-.07.917-.106 1.397-.106.504 0 .988.044 1.45.132.463.088.906.22 1.328.396.421.152.814.342 1.177.571.364.229.686.483.967.765.293.293.55.6.774.923.222.322.421.67.597 1.045.153.364.273.739.36 1.125s.132.774.132 1.16c0 1.055-.131 2.02-.395 2.892a6.954 6.954 0 01-1.222 2.347c-.539.703-1.154 1.225-1.846 1.564-.69.34-1.459.51-2.302.51-.281 0-.554-.03-.818-.088a2.728 2.728 0 01-.764-.299 2.626 2.626 0 01-.633-.413 1.94 1.94 0 01-.422-.536c-.187.82-.343 1.477-.466 1.969s-.214.82-.272.984a7.114 7.114 0 01-.528 1.336 13.037 13.037 0 01-.984 1.618H3.61a15.553 15.553 0 01-.08-1.97c.018-.597.08-1.136.185-1.616L5.086 9.27a3.083 3.083 0 01-.237-.765 5.323 5.323 0 01-.08-.958z"/></svg>',
     239
     240            'pocket'      => '<svg width="19" height="17" viewBox="0 0 19 17" xmlns="http://www.w3.org/2000/svg"><path d="M18.2 2.721v4.673c0 .492-.03.99-.088 1.493-.058.504-.158.99-.299 1.459-.269.831-.647 1.607-1.133 2.327s-1.068 1.35-1.748 1.89a8.416 8.416 0 01-1.142.807c-.398.246-.814.457-1.247.633s-.878.316-1.335.421a8.79 8.79 0 01-1.37.211c-.48.035-.955.03-1.424-.017a7.998 7.998 0 01-1.405-.229 9.677 9.677 0 01-1.353-.457 8.131 8.131 0 01-1.265-.667 9.857 9.857 0 01-1.985-1.704A8.739 8.739 0 01.983 11.4a9.283 9.283 0 01-.492-1.388 7.71 7.71 0 01-.246-1.423C.21 8.062.195 7.535.201 7.008s.01-1.043.01-1.546V2.3c0-.387.107-.738.324-1.055a1.55 1.55 0 01.87-.632c.105-.035.213-.056.325-.062a6.52 6.52 0 01.342-.008h8.714c.539.011 1.072.017 1.599.017.527 0 1.06.006 1.599.018h1.58c.235-.024.478-.035.73-.035s.5.035.746.105a1.956 1.956 0 01.914.703c.14.21.217.43.228.659.012.228.018.465.018.711zm-3.584 4.076c.07-.2.082-.404.035-.615s-.129-.392-.246-.545a1.232 1.232 0 00-.527-.36 1.236 1.236 0 00-.632-.061 1.4 1.4 0 00-.72.386c-.2.2-.393.387-.58.562a142.695 142.695 0 01-2.74 2.6 21.07 21.07 0 01-1.187-1.097c-.38-.381-.77-.765-1.168-1.151l-.29-.29c-.1-.1-.202-.19-.307-.272a4.673 4.673 0 00-.598-.563c-.164-.105-.351-.166-.562-.184s-.41.009-.597.08c-.422.175-.66.485-.712.93-.052.445.068.814.36 1.107.41.41.817.808 1.221 1.195.404.386.806.773 1.204 1.16.199.175.395.36.588.552.194.194.396.384.606.571.164.164.337.34.519.527.181.188.395.305.64.352a1.308 1.308 0 001.16-.316 62.497 62.497 0 001.23-1.195 111.392 111.392 0 002.425-2.284c.164-.164.34-.33.527-.5.187-.17.304-.367.351-.59z"/></svg>',
     241
     242            'reddit'      => '<svg width="19" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg"><path d="M18.19 7.429c0 .375-.105.709-.316 1.002-.211.293-.48.51-.809.65a2.953 2.953 0 01.105.774c0 .726-.21 1.406-.632 2.039-.422.633-.994 1.186-1.714 1.661-.721.475-1.568.853-2.54 1.134a11.8 11.8 0 01-3.13.404c-1.112 0-2.155-.14-3.128-.422-.973-.27-1.82-.641-2.54-1.116-.72-.475-1.292-1.028-1.714-1.661-.422-.645-.633-1.324-.633-2.04 0-.14.009-.28.027-.421.017-.14.044-.27.079-.387a1.753 1.753 0 01-.765-.65 1.719 1.719 0 01-.29-.967c0-.492.17-.908.51-1.248.34-.34.756-.51 1.248-.51.281 0 .536.059.764.176.229.117.42.27.572.457a8.346 8.346 0 011.142-.668c.41-.2.844-.369 1.301-.51.457-.14.938-.252 1.442-.334a11.25 11.25 0 011.564-.14L10.245.257a.295.295 0 01.15-.167.377.377 0 01.236-.044l3.551.844c.024 0 .041.006.053.018l.018.017c.128-.246.304-.442.527-.589s.48-.22.773-.22c.387 0 .712.132.976.396s.395.589.395.976c0 .386-.131.718-.395.993a1.297 1.297 0 01-.976.413c-.386 0-.714-.132-.984-.396a1.335 1.335 0 01-.422-.94h-.14L10.771.785l-1.3 3.867a11.692 11.692 0 013.103.475c.473.14.916.316 1.326.527.422.199.809.427 1.16.685a1.705 1.705 0 011.371-.668c.492 0 .908.17 1.248.51.34.34.51.756.51 1.248zM5.077 8.835c0 .352.129.656.387.914s.562.387.914.387c.351 0 .656-.129.914-.387s.387-.562.387-.914c0-.351-.13-.656-.387-.914s-.563-.387-.914-.387c-.352 0-.656.13-.914.387s-.387.563-.387.914zm7.031 3.586c.035-.035.053-.085.053-.15a.27.27 0 00-.053-.166c-.035-.035-.082-.053-.14-.053s-.106.018-.141.053c-.27.27-.624.466-1.064.589-.439.123-.963.184-1.573.184-.633 0-1.166-.064-1.6-.193s-.779-.322-1.036-.58c-.036-.035-.082-.053-.141-.053s-.106.018-.14.053a.34.34 0 00-.053.175.19.19 0 00.052.141c.305.305.698.527 1.178.668s1.06.211 1.74.211c.692 0 1.278-.073 1.758-.22s.867-.366 1.16-.659zm-.07-2.285c.351 0 .65-.126.896-.378s.37-.56.37-.923c0-.351-.124-.656-.37-.914s-.545-.387-.896-.387c-.375 0-.692.13-.95.387s-.386.563-.386.914c0 .375.132.686.395.932.264.246.578.369.94.369z"/></svg>',
     243
     244            'skype'       => '<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="M17.6 11.315a4.903 4.903 0 01.492 2.18c0 .68-.129 1.318-.387 1.916a5.054 5.054 0 01-1.045 1.564c-.44.446-.958.797-1.556 1.055a4.661 4.661 0 01-1.899.387c-.421 0-.832-.053-1.23-.159a4.512 4.512 0 01-1.09-.439 5.48 5.48 0 01-.782.114c-.252.018-.507.027-.765.027a8.246 8.246 0 01-3.304-.668 8.475 8.475 0 01-2.681-1.793 8.486 8.486 0 01-1.82-2.69 8.121 8.121 0 01-.667-3.287c0-.305.017-.598.052-.879.036-.281.077-.562.123-.844C.831 7.448.666 7.06.55 6.63S.373 5.772.373 5.338c0-.68.13-1.318.387-1.916a5.054 5.054 0 011.046-1.564c.44-.445.958-.797 1.556-1.055A4.66 4.66 0 015.26.417c.492 0 .958.067 1.398.202.44.134.852.313 1.239.536a9.444 9.444 0 011.441-.106c1.172 0 2.268.223 3.287.668a8.486 8.486 0 012.69 1.82 8.475 8.475 0 011.793 2.68 8.246 8.246 0 01.668 3.305c0 .305-.012.61-.035.914-.024.305-.07.598-.14.879zm-4.008 2.215a3.214 3.214 0 00.598-1.899c0-.28-.03-.55-.088-.808a2.15 2.15 0 00-.264-.668 2.261 2.261 0 00-.395-.563 3.334 3.334 0 00-.554-.457 4.657 4.657 0 00-.66-.351c-.24-.106-.5-.211-.781-.317a9.03 9.03 0 00-.897-.246c-.316-.07-.638-.14-.967-.21l-.72-.185c-.2-.053-.358-.097-.475-.132a2.172 2.172 0 01-.334-.106 9.622 9.622 0 01-.334-.14 2.74 2.74 0 01-.29-.185.825.825 0 01-.202-.202.523.523 0 01-.14-.237.988.988 0 01-.036-.255c0-.164.044-.314.132-.448s.22-.255.395-.36c.176-.13.387-.22.633-.273a4.05 4.05 0 01.844-.08c.316 0 .595.027.835.08.24.053.43.132.571.237.14.106.273.237.396.396.123.158.237.342.343.553.105.14.199.27.28.387.083.117.165.211.247.281.094.07.2.123.316.158.118.036.246.053.387.053.176 0 .34-.03.492-.088a.99.99 0 00.387-.263c.129-.13.22-.261.272-.396.053-.135.08-.272.08-.413a2.13 2.13 0 00-.247-.984 2.612 2.612 0 00-.351-.475 3.635 3.635 0 00-.492-.44 3.688 3.688 0 00-.624-.395 4.436 4.436 0 00-.783-.308 4.034 4.034 0 00-.896-.193 10.103 10.103 0 00-1.072-.053c-.48 0-.923.03-1.328.088a4.956 4.956 0 00-1.133.3 3.913 3.913 0 00-.967.474c-.27.187-.498.404-.686.65-.199.246-.348.516-.448.809-.1.293-.15.597-.15.914 0 .34.05.65.15.931s.237.534.413.756c.176.235.387.44.633.615s.516.323.809.44c.304.14.647.267 1.028.378.38.111.788.208 1.222.29.316.07.606.14.87.21.263.071.489.13.676.177.176.07.34.143.493.22.152.076.28.166.386.272.13.105.22.228.273.369.053.14.079.287.079.44 0 .21-.053.404-.158.58s-.264.333-.475.474c-.21.164-.463.281-.756.352-.293.07-.615.105-.967.105-.246 0-.474-.017-.685-.053a2.144 2.144 0 01-.545-.158 2.167 2.167 0 01-.958-.949 16.982 16.982 0 00-.237-.457 1.965 1.965 0 00-.211-.43 1.295 1.295 0 00-.282-.308.876.876 0 00-.342-.194 1.434 1.434 0 00-.396-.052c-.176 0-.337.026-.483.079s-.279.132-.396.237a.869.869 0 00-.272.37c-.053.14-.08.286-.08.439 0 .246.045.495.133.747.087.252.22.506.395.764.176.27.384.507.624.712.24.205.501.378.782.519.41.21.867.369 1.371.474s1.055.159 1.653.159c.515 0 .993-.039 1.432-.115.44-.076.841-.19 1.204-.342a4.995 4.995 0 001.011-.563c.287-.21.525-.457.712-.738z"/></svg>',
     245
     246            'slideshare'  => '<svg width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 5.901c.586 0 1.084.193 1.494.58.41.387.615.85.615 1.389 0 .55-.208 1.016-.624 1.397s-.91.572-1.485.572a2.098 2.098 0 01-1.494-.58c-.41-.387-.615-.85-.615-1.39 0-.55.208-1.016.624-1.397.416-.38.91-.571 1.485-.571zm4.992-.035c.598 0 1.105.193 1.52.58.417.387.625.85.625 1.389 0 .562-.208 1.037-.624 1.424-.416.386-.923.58-1.52.58a2.098 2.098 0 01-1.495-.58 1.88 1.88 0 01-.615-1.424c0-.551.208-1.017.624-1.398s.911-.571 1.485-.571zm5.555 3.129c.27-.188.475-.19.615-.009s.123.396-.052.642c-.317.386-.78.808-1.39 1.265-.608.457-1.376.88-2.302 1.266.492 1.676.516 3.006.07 3.99-.445.997-1.028 1.662-1.749 1.996-.72.334-1.42.36-2.1.079-.668-.293-.99-.873-.967-1.74v-3.27a2.404 2.404 0 00-.492-.106v3.375c.023.868-.3 1.448-.967 1.74-.68.282-1.38.256-2.1-.078-.721-.334-1.299-1-1.732-1.996-.446-.984-.416-2.314.088-3.99-.95-.387-1.732-.809-2.347-1.266-.615-.457-1.087-.879-1.415-1.265-.153-.246-.167-.46-.044-.642.123-.182.325-.179.606.009l.115.079c.04.03.061.05.061.062V2.174c0-.492.173-.908.519-1.248.345-.34.735-.51 1.169-.51h12.62c.446 0 .81.17 1.09.51s.422.756.422 1.248v6.962a.423.423 0 00.185-.08c.03-.029.062-.05.097-.061zm-1.16.668V2.948c0-.563-.085-.973-.255-1.23-.17-.258-.519-.387-1.046-.387H3.406c-.562 0-.937.117-1.125.351S2 2.338 2 2.948v6.75c.55.316 1.096.55 1.635.703.539.14 1.051.238 1.538.29.486.053.928.074 1.327.062.41-.012.75-.024 1.02-.035.246-.012.439.005.58.052.14.047.263.112.369.194.023.023.038.044.044.061s.014.032.026.044c.106.094.211.182.317.264.105.082.199.158.28.228a1.01 1.01 0 01.282-.65c.164-.164.457-.229.879-.193.281.011.621.023 1.02.035.398.012.837-.009 1.318-.062a9.87 9.87 0 001.547-.307 7.72 7.72 0 001.705-.721z"/></svg>',
     247
     248            'snapchat'    => '<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M17.6 13.58c.105.012.196.056.272.131s.102.173.079.29a.639.639 0 01-.036.21c-.035.105-.102.196-.201.272s-.23.16-.394.254c-.2.082-.444.16-.737.236s-.63.15-1.016.22c-.024.035-.044.09-.062.166s-.032.15-.043.22a2.855 2.855 0 00-.106.42.432.432 0 01-.175.236.507.507 0 01-.28.08H14.62a1.03 1.03 0 01-.245-.036 2.836 2.836 0 00-.42-.079 4.292 4.292 0 00-.492-.026c-.128 0-.245.009-.35.026a4.775 4.775 0 01-.35.044c-.211.035-.415.108-.614.22a7.67 7.67 0 00-.649.411 7.636 7.636 0 01-1.043.666c-.391.21-.861.316-1.41.316H8.8c-.55 0-1.02-.108-1.411-.324a11.522 11.522 0 01-1.06-.658 9.375 9.375 0 00-.64-.403 1.88 1.88 0 00-.605-.228 4.775 4.775 0 01-.35-.044 1.916 1.916 0 00-.316-.026c-.222 0-.409.015-.56.044s-.281.05-.386.061c-.082.024-.158.041-.228.053s-.135.017-.193.017c-.152 0-.26-.04-.324-.122s-.12-.158-.167-.228a2.687 2.687 0 00-.105-.42 3.64 3.64 0 00-.044-.22.526.526 0 00-.061-.166c-.386-.07-.725-.14-1.017-.21s-.537-.153-.736-.246a2.321 2.321 0 01-.386-.254.673.673 0 01-.21-.272.188.188 0 01-.035-.105V14c-.023-.094.003-.181.079-.263a.426.426 0 01.272-.14c.268-.059.531-.132.788-.22.257-.087.497-.213.719-.376.222-.129.42-.278.596-.447.175-.17.345-.348.508-.535.292-.339.514-.649.666-.929a6.92 6.92 0 00.246-.473h.035a.999.999 0 00.105-.342.574.574 0 00-.035-.29c-.07-.151-.205-.268-.403-.35-.199-.082-.38-.152-.544-.21-.058-.012-.11-.03-.157-.053s-.088-.04-.123-.052a3.966 3.966 0 01-.386-.184.996.996 0 01-.28-.22c-.152-.116-.237-.23-.254-.341a.877.877 0 01-.009-.272.74.74 0 01.14-.254 1.15 1.15 0 01.263-.237c.059-.035.137-.067.237-.096.099-.03.195-.044.289-.044.047 0 .096.006.149.018.052.011.108.029.166.052.14.07.278.123.412.158.135.035.254.053.36.053.07 0 .131-.006.184-.018a.644.644 0 00.149-.053.7.7 0 00-.027-.184.834.834 0 01-.026-.219 33.536 33.536 0 01-.052-1.928c0-.678.105-1.244.315-1.7.14-.304.3-.587.482-.85.181-.263.383-.494.605-.692.187-.2.388-.368.604-.509.217-.14.447-.268.693-.385.432-.187.835-.307 1.21-.36s.66-.079.858-.079H9.152c.187 0 .467.024.84.07s.772.17 1.193.369c.245.117.476.245.692.385.216.14.418.31.605.509.234.198.444.432.63.7.188.27.351.562.492.877.198.42.295.976.289 1.665-.006.69-.032 1.332-.079 1.928v.246a.614.614 0 01-.035.192c.047 0 .088.006.123.018a.456.456 0 00.14.018c.128 0 .254-.018.377-.053.122-.035.254-.088.394-.158.047-.035.105-.055.175-.061s.129-.009.176-.009c.07 0 .14.006.21.018a.93.93 0 01.193.052c.163.07.304.16.42.272a.526.526 0 01.176.394.721.721 0 01-.044.22.598.598 0 01-.184.254 1.444 1.444 0 01-.307.227c-.123.07-.266.135-.43.193a3.582 3.582 0 00-.122.044.601.601 0 00-.123.061c-.175.059-.365.129-.57.21-.204.082-.341.2-.411.351a.494.494 0 00-.027.28c.018.106.062.223.132.351l.228.456c.14.269.356.575.648.92.292.345.655.67 1.087.973.432.315.952.526 1.56.631z"/></svg>',
     249
     250            'soundcloud'  => '<svg width="19" height="9" viewBox="0 0 19 9" xmlns="http://www.w3.org/2000/svg"><path d="M1.3 7.415H.948v-2.18H1.3v2.18zm.914.703h-.352v-3.41h.352v3.41zm.703.211h-.351V4.356h.351V8.33zm.738.176h-.351V4.532h.351v3.973zm.88 0h-.352V3.267h.351v5.238zm.738 0H4.92V2.563h.352v5.942zm.879 0H5.8V2.177h.352v6.328zm.738 0h-.352V2h.352v6.504zm.914 0h-.387V2.177h.387v6.328zm.703 0h-.352V2.388h.352v6.117zm.738 0H8.86V1.649h.386v6.856zm.88 0h-.352V1.122h.351v7.383zm6.609-.07H10.58a.303.303 0 01-.193-.07.216.216 0 01-.088-.177v-7.03c0-.071.018-.127.053-.168.035-.04.1-.079.193-.114.211-.082.437-.144.677-.185.24-.04.483-.061.73-.061.503 0 .984.094 1.44.281.458.176.862.422 1.214.738.351.317.632.692.843 1.125.223.434.358.903.405 1.407.14-.047.28-.088.422-.123.14-.036.293-.053.457-.053.609 0 1.13.214 1.564.641s.65.953.65 1.574c0 .609-.213 1.13-.641 1.564-.428.434-.952.65-1.573.65z"/></svg>',
     251
     252            'spotify'     => '<svg width="19" height="13" viewBox="0 0 19 13" xmlns="http://www.w3.org/2000/svg"><path d="M14.7 12.008a.737.737 0 01-.474.342.697.697 0 01-.58-.096c-.75-.445-1.54-.808-2.37-1.089-.844-.27-1.728-.457-2.653-.562s-1.896-.117-2.915-.035a20 20 0 00-3.161.492.83.83 0 01-.588-.115.795.795 0 01-.36-.483.746.746 0 01.105-.588.83.83 0 01.492-.36 24.104 24.104 0 013.477-.527 17.117 17.117 0 013.205.053c1.025.117 2 .334 2.924.65.937.304 1.82.714 2.652 1.23.187.105.305.263.351.473s.012.416-.105.615zm1.546-3.442a.955.955 0 01-.598.43.94.94 0 01-.737-.114 13.108 13.108 0 00-2.845-1.265 16.552 16.552 0 00-3.223-.702 17.724 17.724 0 00-3.346-.07c-1.124.07-2.189.257-3.196.562-.246.082-.489.058-.729-.07s-.407-.317-.5-.563a1.03 1.03 0 01.079-.755.876.876 0 01.588-.474 16.48 16.48 0 013.618-.667c1.253-.094 2.5-.07 3.74.07a17.96 17.96 0 013.619.79c1.17.375 2.242.86 3.213 1.458.223.152.37.36.44.623.07.264.029.513-.123.747zm1.756-4.004c-.153.28-.39.46-.712.535a1.24 1.24 0 01-.904-.114c-1.019-.609-2.172-1.083-3.46-1.423-1.3-.327-2.617-.544-3.951-.65s-2.635-.105-3.9 0c-1.276.106-2.4.305-3.371.598a1.055 1.055 0 01-.878-.07 1.185 1.185 0 01-.598-.703 1.215 1.215 0 01.106-.904c.152-.287.386-.478.702-.571C2.15.92 3.42.686 4.847.557S7.74.426 9.237.55s2.975.377 4.427.763c1.451.399 2.769.943 3.951 1.634.281.175.46.418.536.729.076.31.026.606-.15.887z"/></svg>',
     253
     254            'stumbleupon' => '<svg width="19" height="15" viewBox="0 0 19 15" xmlns="http://www.w3.org/2000/svg"><path d="M9.2 3.602c-.258 0-.48.09-.668.272s-.281.408-.281.677v5.766a4.118 4.118 0 01-.334 1.547c-.211.48-.501.9-.87 1.257-.37.357-.794.641-1.275.852a3.93 3.93 0 01-1.564.316 3.93 3.93 0 01-1.565-.316 4.033 4.033 0 01-1.265-.87c-.364-.37-.65-.8-.862-1.292A3.93 3.93 0 01.2 10.246V7.75h3.094v2.461c0 .258.09.48.272.668a.904.904 0 00.677.281c.258 0 .48-.09.668-.272a.904.904 0 00.281-.677v-5.8c.012-.54.13-1.044.352-1.512.21-.469.498-.88.861-1.23A4.01 4.01 0 017.671.841 3.87 3.87 0 019.2.543a4.009 4.009 0 012.795 1.125c.362.352.65.762.86 1.23.211.47.328.973.352 1.512v1.301l-1.828.528-1.23-.563V4.551c0-.258-.092-.48-.273-.668a.904.904 0 00-.677-.281zm9 6.644a3.93 3.93 0 01-.316 1.565c-.211.492-.498.923-.862 1.292-.363.37-.785.66-1.265.87-.493.211-1.014.317-1.565.317s-1.072-.106-1.564-.317c-.48-.21-.905-.498-1.275-.861a4.016 4.016 0 01-1.204-2.83V7.786l1.23.562 1.829-.562v2.53c0 .259.09.481.272.669a.904.904 0 00.677.281c.258 0 .48-.09.668-.272a.904.904 0 00.281-.677V7.75H18.2v2.496z"/></svg>',
     255
     256            'tumblr'      => '<svg width="12" height="19" viewBox="0 0 12 19" xmlns="http://www.w3.org/2000/svg"><path d="M.1 8.239V5.673a5.138 5.138 0 001.828-.985c.246-.21.472-.445.677-.703s.378-.539.518-.844c.153-.293.282-.632.387-1.02.106-.386.188-.808.246-1.265h2.567v4.535h4.289V8.24h-4.29v4.606c0 .527.015.958.045 1.292.029.334.073.57.131.712a.99.99 0 00.229.395c.105.111.228.214.37.308.21.117.43.21.658.28.229.071.466.106.712.106.457 0 .914-.076 1.371-.228.457-.152.914-.381 1.371-.686v2.848c-.386.176-.755.331-1.107.466a7.137 7.137 0 01-1.002.307 7.26 7.26 0 01-.958.159c-.346.035-.694.052-1.046.052a8.03 8.03 0 01-1.169-.079 5.926 5.926 0 01-1.01-.237c-.317-.105-.613-.228-.888-.37s-.519-.31-.73-.509a3.638 3.638 0 01-.571-.598 3.28 3.28 0 01-.378-.632 3.428 3.428 0 01-.185-.791 8.727 8.727 0 01-.061-1.108V8.24H.1z"/></svg>',
     257
     258            'twitch'      => '<svg width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"><path d="M12.8 16.061H9.284L6.93 18.417h-2.32V16.06H.284V3.545L1.48.416h16.03v10.97L12.8 16.06zm3.129-5.484V1.963H3.027v11.355h3.515v2.356l2.356-2.356h4.29l2.741-2.742zm-2.742-5.45v4.676H11.64V5.127h1.547zm-5.871 0h1.582v4.676H7.316V5.127z"/></svg>',
     259
     260            'twitter'     => '<svg width="19" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg"><path d="M16.6 4.2v.457c0 1.219-.229 2.455-.686 3.709a10.568 10.568 0 01-2.021 3.375c-.89 1.008-1.992 1.834-3.305 2.479-1.3.632-2.8.949-4.5.949-.515 0-1.025-.035-1.53-.106-.503-.07-.992-.175-1.467-.316s-.934-.317-1.38-.527a9.099 9.099 0 01-1.283-.704 9.86 9.86 0 00.879.036c.855 0 1.679-.135 2.47-.405a6.85 6.85 0 002.135-1.177c-.808 0-1.529-.244-2.162-.73a3.782 3.782 0 01-1.318-1.837c.117.035.231.056.343.062s.231.008.36.008a4.54 4.54 0 00.984-.105A3.632 3.632 0 012.01 8.085a3.563 3.563 0 01-.844-2.338v-.07c.246.14.507.252.783.334s.565.123.87.123a3.58 3.58 0 01-1.196-1.292 3.56 3.56 0 01-.316-2.734c.094-.316.223-.615.387-.896.445.562.949 1.072 1.511 1.53a10.59 10.59 0 003.85 1.985c.727.2 1.47.317 2.232.352a3.555 3.555 0 01-.105-.844c0-.504.094-.984.281-1.441.2-.446.466-.835.8-1.17a3.625 3.625 0 011.169-.781c.445-.2.926-.3 1.441-.3.54 0 1.04.106 1.503.317.463.211.865.492 1.204.844a7.969 7.969 0 001.23-.343 6.622 6.622 0 001.126-.536c-.14.422-.352.809-.633 1.16-.281.352-.61.645-.984.88a8.26 8.26 0 001.072-.212 5.848 5.848 0 001.037-.386A8.42 8.42 0 0116.6 4.2z"/></svg>',
     261
     262            'vimeo'       => '<svg width="19" height="16" viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg"><path d="M12.1 3.883c-.21 0-.428.026-.65.08a3.818 3.818 0 00-.685.236c.222-.726.492-1.359.808-1.897s.685-.984 1.107-1.336.896-.609 1.423-.773 1.101-.234 1.722-.21c.926.01 1.608.315 2.047.913s.636 1.488.589 2.67a5.986 5.986 0 01-.281 1.442c-.164.515-.399 1.072-.703 1.669s-.685 1.242-1.142 1.933c-.445.68-.967 1.4-1.564 2.161-.61.785-1.195 1.476-1.757 2.074s-1.102 1.098-1.617 1.502c-.515.404-1.007.706-1.476.905-.469.2-.914.299-1.335.299-.528 0-1.01-.243-1.45-.73-.44-.486-.846-1.215-1.221-2.187-.246-.89-.49-1.778-.73-2.662a251.3 251.3 0 01-.711-2.68c-.281-.96-.565-1.681-.852-2.161-.287-.48-.589-.72-.905-.72-.07 0-.22.07-.448.21s-.548.351-.958.633l-.843-1.09A125.804 125.804 0 013.103 1.81C3.677 1.306 4.19.92 4.641.65 5.09.38 5.47.228 5.774.193c.68-.07 1.236.132 1.67.606.433.475.732 1.233.896 2.276.175 1.101.325 1.994.448 2.68.123.685.22 1.162.29 1.432.187.913.395 1.599.623 2.055s.466.686.712.686c.188 0 .422-.147.703-.44.281-.292.61-.732.984-1.317.363-.598.65-1.125.861-1.582s.334-.843.369-1.16c.047-.503-.032-.887-.237-1.15-.205-.264-.536-.396-.993-.396z"/></svg>',
     263
     264            'vk'          => '<svg width="19" height="11" viewBox="0 0 19 11" xmlns="http://www.w3.org/2000/svg"><path d="M18.1 9.122c.105.129.234.31.387.545.152.234.222.44.21.615-.07.504-.55.691-1.44.563s-1.536-.106-1.934.07h-.07a2.677 2.677 0 01-1.187-.554 7.723 7.723 0 01-.888-.852 7.918 7.918 0 01-.58-.668c-.222-.281-.462-.399-.72-.352-.387.059-.563.337-.528.835.036.498-.035.888-.21 1.169-.13.234-.422.354-.88.36-.456.006-.878-.008-1.265-.044-1.218-.14-2.18-.498-2.882-1.072a12.286 12.286 0 01-1.864-1.88 1.12 1.12 0 01-.14-.167 3.297 3.297 0 00-.106-.15.426.426 0 01-.052-.061.085.085 0 01-.018-.044c-.035-.035-.07-.076-.105-.123s-.059-.088-.07-.123c-.024-.024-.042-.044-.053-.062s-.018-.032-.018-.044a.54.54 0 01-.088-.114 1.285 1.285 0 00-.088-.132c-.023 0-.038-.009-.044-.026a.11.11 0 00-.026-.044 5.18 5.18 0 01-.106-.185 1.384 1.384 0 00-.105-.167 4.165 4.165 0 00-.211-.316.427.427 0 01-.053-.062.085.085 0 01-.017-.044.47.47 0 01-.088-.123.47.47 0 00-.088-.123.108.108 0 00-.018-.061.085.085 0 01-.017-.044.47.47 0 01-.088-.123.47.47 0 00-.088-.123c0-.024-.006-.044-.018-.062s-.017-.032-.017-.044a27.3 27.3 0 01-1.195-2.214C1.19 2.794 1.05 2.5.91 2.196a2.32 2.32 0 01-.211-.984c.2-.152.451-.225.756-.22.304.007.615.01.931.01.282 0 .604-.01.967-.027s.65.027.861.132c.106.059.217.22.334.483s.229.49.334.677c.14.34.29.647.448.923.159.275.314.542.466.8.024.023.044.05.062.079a.34.34 0 00.044.061c0 .024.003.038.008.044l.027.027c0 .023.009.043.026.061l.044.044.018.018.017.017c.024.035.038.065.044.088s.015.041.027.053l.017.017.018.018c.023.035.044.064.061.088s.032.053.044.088c.13.164.278.36.448.588s.36.326.572.29c.21-.035.34-.251.386-.65.047-.398.07-.756.07-1.072v-.105c.012-.375.007-.745-.017-1.108-.023-.363-.088-.638-.193-.826a.665.665 0 00-.396-.343 2.02 2.02 0 01-.518-.255C6.769.908 7.04.72 7.422.65c.38-.07.823-.105 1.327-.105.422 0 .882.011 1.38.035.498.023.823.164.975.422.176.304.238.682.185 1.133-.053.451-.08.87-.08 1.257a.217.217 0 00-.034.123v.65l-.018.01c-.012.006-.017.014-.017.026v.175c0 .024.005.035.017.035h.018V4.798c.023 0 .035.003.035.009v.132c.023 0 .035.006.035.017V5.044l.009.009.026.026v.071h.035v.07c.024 0 .035.003.035.009v.026c0 .024.006.035.018.035h.018v.035l.017.01c.012.005.018.014.018.026.023 0 .035.005.035.017v.018l.035.035.018.009c.011.006.017.014.017.026H11.561v.035c.024 0 .038.003.044.009l.027.026a.855.855 0 00.562-.316c.14-.176.27-.352.387-.527.023-.035.044-.065.061-.088a.513.513 0 01.044-.053l.01-.018c.006-.012.014-.017.025-.017 0-.024.006-.041.018-.053l.018-.017c.023-.024.038-.041.044-.053s.014-.018.026-.018c0-.023.003-.038.009-.044l.026-.026c0-.023.006-.038.018-.044.011-.006.017-.015.017-.026l.018-.01c.012-.005.017-.014.017-.025a.408.408 0 00.106-.176.427.427 0 00.053-.062.085.085 0 00.017-.044.425.425 0 00.053-.061.085.085 0 00.017-.044c.141-.235.276-.478.405-.73s.263-.524.404-.817c.094-.2.196-.436.308-.712.11-.275.243-.436.395-.483.27-.106.592-.144.967-.114.375.029.744.044 1.107.044.305 0 .671-.006 1.099-.018.427-.012.694.088.8.299.07.176.029.436-.123.782a7.444 7.444 0 01-.334.694c-.235.352-.466.671-.695.958s-.454.577-.676.87c-.024.024-.039.044-.044.062s-.015.032-.027.044l-.017.008a.028.028 0 00-.018.027c-.023 0-.038.009-.044.026s-.015.032-.026.044c0 .024-.006.038-.018.044s-.017.015-.017.026l-.044.044-.027.027-.061.061-.044.044-.457.624c-.176.24-.258.49-.246.747.023.2.111.372.263.519.153.146.3.29.44.43.34.317.636.6.887.853.252.252.507.554.765.905z"/></svg>',
     265
     266            'wordpress'   => '<svg width="19" height="19" viewBox="0 0 19 19" xmlns="http://www.w3.org/2000/svg"><path d="M9.9.375c1.242 0 2.408.234 3.498.703 1.09.48 2.042 1.128 2.856 1.943s1.462 1.766 1.943 2.856c.469 1.09.703 2.256.703 3.498s-.234 2.408-.703 3.498c-.48 1.09-1.128 2.042-1.943 2.856s-1.766 1.462-2.856 1.943a8.758 8.758 0 01-3.498.703 8.758 8.758 0 01-3.498-.703 9.307 9.307 0 01-2.856-1.943 9.309 9.309 0 01-1.943-2.856C1.134 11.783.9 10.617.9 9.375s.234-2.408.703-3.498A9.307 9.307 0 013.546 3.02a9.309 9.309 0 012.856-1.943A8.758 8.758 0 019.9.375zm-8.086 9a8.042 8.042 0 001.274 4.35 8.625 8.625 0 001.433 1.697 8.287 8.287 0 001.863 1.23L2.517 6.07c-.234.516-.41 1.052-.527 1.609S1.814 8.8 1.814 9.375zM9.9 17.461c.48 0 .946-.038 1.398-.114.45-.077.875-.19 1.274-.343 0-.024-.006-.044-.018-.062s-.017-.032-.017-.044l-2.496-6.82-2.426 7.067a8.284 8.284 0 002.285.316zm1.125-11.883l2.918 8.684.809-2.672c.175-.563.319-1.055.43-1.477s.167-.809.167-1.16c0-.492-.073-.92-.22-1.283a6.964 6.964 0 00-.448-.932c-.199-.34-.378-.66-.536-.958a1.983 1.983 0 01-.237-.94c0-.375.126-.71.378-1.002.252-.293.571-.44.958-.44h.105a8.386 8.386 0 00-1.16-.879 8.651 8.651 0 00-2.742-1.09A8.44 8.44 0 009.9 1.29c-.703 0-1.383.088-2.04.263-.655.176-1.274.422-1.854.739s-1.11.697-1.59 1.142c-.48.457-.903.961-1.266 1.512h.527c.422 0 .885-.018 1.389-.053l.756-.053c.21-.011.325.088.343.3.017.21-.085.333-.308.368l-.272.027c-.182.017-.396.032-.642.044l2.953 8.754 1.758-5.309-1.266-3.445c-.21-.024-.404-.041-.58-.053l-.263-.018c-.211-.023-.308-.143-.29-.36s.137-.32.36-.308l.764.053c.51.035.958.053 1.345.053.422 0 .89-.018 1.406-.053l.774-.053c.21-.011.322.088.334.3.012.21-.088.333-.299.368l-.273.027c-.181.017-.395.032-.641.044zm2.953 10.793a8.14 8.14 0 001.635-1.266 8.137 8.137 0 001.266-1.634 8.362 8.362 0 00.826-1.934 8.224 8.224 0 00.28-2.162c0-.703-.084-1.383-.254-2.04s-.413-1.265-.73-1.827a4.285 4.285 0 01.07.808c0 .422-.049.87-.149 1.345-.1.475-.26.999-.483 1.573l-2.46 7.137z"/></svg>',
     267
     268            'yelp'        => '<svg width="16" height="19" viewBox="0 0 16 19" xmlns="http://www.w3.org/2000/svg"><path d="M2.8 2.176a.803.803 0 01.325-.316l.202-.106 3.55-1.3c.07-.011.16-.035.271-.07.112-.035.302.035.571.21.153.083.255.261.308.537l.079.413.035 6.079-.097.369a.63.63 0 01-.465.474.73.73 0 01-.589-.105l-.254-.176-3.655-4.99-.228-.36c-.153-.24-.17-.46-.053-.659zM.938 12.542c-.07-.117-.106-.275-.106-.474v-.3l.246-3.056c0-.082.044-.176.132-.281s.184-.188.29-.246c.117-.082.287-.091.51-.027l.333.097 3.795 1.933.281.193c.188.129.281.31.281.545 0 .316-.058.503-.175.562s-.223.117-.317.176l-4.462.983-.334.08c-.223.052-.38-.01-.474-.185zM7.79 18.34a1.14 1.14 0 01-.422.026l-.21-.026-2.988-.949a.926.926 0 01-.28-.193.7.7 0 01-.176-.334c-.047-.152-.012-.325.105-.518l.176-.29 2.986-3.268.273-.184c.181-.123.36-.132.536-.027.175.082.284.202.325.36l.061.238-.07 4.427-.009.325c-.006.217-.108.354-.307.413zm1.827-9.101l2.39-3.795.175-.237a.537.537 0 01.492-.22c.176 0 .307.053.395.158l.132.158 2.038 2.39.08.228c.052.153.06.31.026.475-.036.152-.156.284-.36.395l-.308.167-4.252 1.23-.342.017c-.229.012-.396-.076-.501-.263-.082-.176-.097-.337-.044-.483l.079-.22zm5.587 4.955l-1.792 2.6-.21.123a.89.89 0 01-.458.123c-.152 0-.307-.082-.465-.246l-.238-.246-2.284-3.83-.087-.317c-.059-.21-.018-.386.123-.527.14-.14.292-.205.456-.193l.246.018 4.287 1.37.3.106c.198.07.298.21.298.421 0 .14-.03.275-.088.404l-.088.194z"/></svg>',
     269
     270            'youtube'     => '<svg xmlns="http://www.w3.org/2000/svg" width="19" height="14" viewBox="0 0 19 14"><path d="M18.216 3.72l.088.905a20.4 20.4 0 01.088 1.977v1.371c0 .739-.029 1.41-.088 2.013l-.088.905-.158.686c-.105.457-.287.826-.545 1.107-.351.352-.7.566-1.046.642-.345.076-.606.12-.782.132-.62.047-1.3.082-2.039.105-.726.024-1.406.041-2.039.053-.633.012-1.16.018-1.582.018H8.636c-.503-.012-1.092-.024-1.766-.036a116.07 116.07 0 01-2.03-.052 27.164 27.164 0 01-1.565-.088c-.2-.035-.495-.085-.888-.15-.392-.064-.764-.272-1.116-.624-.27-.281-.454-.65-.554-1.107l-.149-.686-.088-.905a20.961 20.961 0 01-.088-2.013v-1.37c0-.727.03-1.39.088-1.987l.088-.897.158-.703c.106-.468.287-.832.545-1.09.352-.375.7-.594 1.046-.659.346-.064.607-.102.782-.114a47.09 47.09 0 012.04-.105c.726-.024 1.406-.041 2.038-.053C7.81.983 8.337.977 8.76.977h1.266c.422 0 .95.006 1.582.018.633.012 1.313.03 2.04.053a47.09 47.09 0 012.038.105c.176.023.437.067.782.132.346.064.695.278 1.046.641.27.27.454.636.554 1.1l.15.693zm-6.398 3.726l.598-.316-4.852-2.532v5.063l4.254-2.215z"/></svg>',
     271
     272        );
     273
    85274    }
    86275}

  • trunk/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-walker-comment.php

    r46357 r46445  
    3434
    3535            ?>
    36             <<?php echo esc_html( $tag ); ?> id="comment-<?php comment_ID(); ?>" <?php comment_class( $this->has_children ? 'parent' : '', $comment ); ?>>
     36            <<?php echo $tag; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?> id="comment-<?php comment_ID(); ?>" <?php comment_class( $this->has_children ? 'parent' : '', $comment ); ?>>
    3737                <article id="div-comment-<?php comment_ID(); ?>" class="comment-body">
    3838                    <footer class="comment-meta">
    … …  
    5151                            }
    5252
    53                             /* Translators: '%1$s = comment author name */
    54                             printf( '<span class="fn">%1$s</span><span class="screen-reader-text says">%2$s</span>', esc_html( $comment_author ), __( 'says:', 'twentytwenty' ) ); // phpcs:ignore
     53                            printf(
     54                                '<span class="fn">%1$s</span><span class="screen-reader-text says">%2$s</span>',
     55                                esc_html( $comment_author ),
     56                                __( 'says:', 'twentytwenty' )
     57                            );
    5558
    5659                            if ( ! empty( $comment_author_url ) ) {
    … …  
    7275                            <?php
    7376                            if ( get_edit_comment_link() ) {
    74                                 echo ' &bull; <a class="comment-edit-link" href="' . esc_url( get_edit_comment_link() ) . '">' . __( 'Edit', 'twentytwenty' ) . '</a>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- core trusts translations
     77                                echo ' &bull; <a class="comment-edit-link" href="' . esc_url( get_edit_comment_link() ) . '">' . __( 'Edit', 'twentytwenty' ) . '</a>';
    7578                            }
    7679                            ?>
    … …  
    7982                    </footer><!-- .comment-meta -->
    8083
    81                     <div class="comment-content">
     84                    <div class="comment-content entry-content">
    8285
    8386                        <?php
    … …  
    8790                        if ( '0' === $comment->comment_approved ) {
    8891                            ?>
    89                             <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></p>
     92                            <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentytwenty' ); ?></p>
    9093                            <?php
    9194                        }
    … …  
    122125                            }
    123126                            if ( $by_post_author ) {
    124                                 echo '<span class="by-post-author">' . __( 'By Post Author', 'twentytwenty' ) . '</span>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- core trusts translations
     127                                echo '<span class="by-post-author">' . __( 'By Post Author', 'twentytwenty' ) . '</span>';
    125128                            }
    126129                            ?>

  • trunk/src/wp-content/themes/twentytwenty/comments.php

    r46357 r46445  
    3232            <?php
    3333            if ( ! have_comments() ) {
    34                 esc_html_e( 'Leave a comment', 'twentytwenty' );
     34                _e( 'Leave a comment', 'twentytwenty' );
    3535            } elseif ( '1' === $comments_number ) {
    3636                /* translators: %s: post title */
    37                 printf( esc_html_x( 'One reply on &ldquo;%s&rdquo;', 'comments title', 'twentytwenty' ), esc_html( get_the_title() ) );
     37                printf( _x( 'One reply on &ldquo;%s&rdquo;', 'comments title', 'twentytwenty' ), esc_html( get_the_title() ) );
    3838            } else {
    39                 echo esc_html(
    40                     sprintf(
    41                         /* translators: 1: number of comments, 2: post title */
    42                         _nx(
    43                             '%1$s reply on &ldquo;%2$s&rdquo;',
    44                             '%1$s replies on &ldquo;%2$s&rdquo;',
    45                             $comments_number,
    46                             'comments title',
    47                             'twentytwenty'
    48                         ),
    49                         number_format_i18n( $comments_number ),
    50                         get_the_title()
    51                     )
     39                echo sprintf(
     40                    /* translators: 1: number of comments, 2: post title */
     41                    _nx(
     42                        '%1$s reply on &ldquo;%2$s&rdquo;',
     43                        '%1$s replies on &ldquo;%2$s&rdquo;',
     44                        $comments_number,
     45                        'comments title',
     46                        'twentytwenty'
     47                    ),
     48                    number_format_i18n( $comments_number ),
     49                    esc_html( get_the_title() )
    5250                );
    5351            }
    … …  
    6159
    6260            <?php
    63 
    6461            wp_list_comments(
    6562                array(
    … …  
    8178
    8279            if ( $comment_pagination ) {
     80                $pagination_classes = '';
    8381
    8482                // If we're only showing the "Next" link, add a class indicating so.
    85                 if ( strpos( $comment_pagination, 'prev page-numbers' ) === false ) {
     83                if ( false === strpos( $comment_pagination, 'prev page-numbers' ) ) {
    8684                    $pagination_classes = ' only-next';
    87                 } else {
    88                     $pagination_classes = '';
    8985                }
    9086                ?>
    9187
    92                 <nav class="comments-pagination pagination<?php echo esc_attr( $pagination_classes ); ?>" aria-label="<?php esc_attr_e( 'Comments', 'twentytwenty' ); ?>">
     88                <nav class="comments-pagination pagination<?php echo $pagination_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>" aria-label="<?php esc_attr_e( 'Comments', 'twentytwenty' ); ?>">
    9389                    <?php echo wp_kses_post( $comment_pagination ); ?>
    9490                </nav>
    … …  
    129125    <div class="comment-respond" id="respond">
    130126
    131         <p class="comments-closed"><?php _e( 'Comments are closed.', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></p>
     127        <p class="comments-closed"><?php _e( 'Comments are closed.', 'twentytwenty' ); ?></p>
    132128
    133129    </div><!-- #respond -->

  • trunk/src/wp-content/themes/twentytwenty/footer.php

    r46357 r46445  
    1212 */
    1313
    14 ?>     
     14?>
    1515            <footer id="site-footer" role="contentinfo" class="header-footer-group">
    1616
    … …  
    2121                        <p class="footer-copyright">&copy;
    2222                            <?php
    23                             echo esc_html(
    24                                 date_i18n(
    25                                     /* Translators: Y = Format parameter for date() https://php.net/manual/en/function.date.php */
    26                                     _x( 'Y', 'Translators: Y = Current year', 'twentytwenty' )
    27                                 )
     23                            echo date_i18n(
     24                                /* translators: Copyright date format, see https://secure.php.net/date */
     25                                _x( 'Y', 'copyright date format', 'twentytwenty' )
    2826                            );
    2927                            ?>
    … …  
    3331                        <p class="powered-by-wordpress">
    3432                            <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">
    35                                 <?php
    36                                 _e( 'Powered by WordPress', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations
    37                                 ?>
     33                                <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?>
    3834                            </a>
    39                         </p><!-- .theme-credits -->
     35                        </p><!-- .powered-by-wordpress -->
    4036
    4137                    </div><!-- .footer-credits -->
    … …  
    4440                        <span class="to-the-top-long">
    4541                            <?php
    46                             // Translators: %s = HTML character for an arrow.
    47                             printf( esc_html( _x( 'To the top %s', '%s = HTML character for an arrow', 'twentytwenty' ) ), '<span class="arrow">&uarr;</span>' );
     42                            /* translators: %s: HTML character for up arrow */
     43                            printf( __( 'To the top %s', 'twentytwenty' ), '<span class="arrow">&uarr;</span>' );
    4844                            ?>
    49                         </span>
     45                        </span><!-- .to-the-top-long -->
    5046                        <span class="to-the-top-short">
    5147                            <?php
    52                             // Translators: %s = HTML character for an arrow.
    53                             printf( esc_html( _x( 'Up %s', '%s = HTML character for an arrow', 'twentytwenty' ) ), '<span class="arrow">&uarr;</span>' );
     48                            /* translators: %s: HTML character for up arrow */
     49                            printf( __( 'Up %s', 'twentytwenty' ), '<span class="arrow">&uarr;</span>' );
    5450                            ?>
    55                         </span>
    56                     </a>
     51                        </span><!-- .to-the-top-short -->
     52                    </a><!-- .to-the-top -->
    5753
    5854                </div><!-- .section-inner -->

  • trunk/src/wp-content/themes/twentytwenty/functions.php

    r46357 r46445  
    2020 * WP Body Open
    2121 * Register Sidebars
    22  * Enqueue Block editor assets
    23  * Classic Editor Style
     22 * Enqueue block editor assets
     23 * Enqueue classic editor styles
    2424 * Block editor settings
    2525 */
    … …  
    6161    set_post_thumbnail_size( 1200, 9999 );
    6262
    63     // Add custom image sizes.
     63    // Add custom image size used in Cover Template.
    6464    add_image_size( 'twentytwenty-fullscreen', 1980, 9999 );
    6565
    … …  
    175175function twentytwenty_register_styles() {
    176176
    177     $theme_version    = wp_get_theme()->get( 'Version' );
    178     $css_dependencies = array();
    179 
    180     /**
    181     * Filter to load, unload Font Awesome CSS
    182     *
    183     * By default, only load the Font Awesome fonts if the social menu is in use or
    184     * using filter Font Awesome css be loaded
    185     *
    186     * @since 1.0.0
    187     *
    188     * @param bool Whether to load font awesome, Default false.
    189     */
    190     $load_font_awesome = apply_filters( 'twentytwenty_load_font_awesome', has_nav_menu( 'social' ) );
    191 
    192     if ( $load_font_awesome ) {
    193         wp_register_style( 'font-awesome', get_template_directory_uri() . '/assets/css/font-awesome.css', false, '5.10.2', 'all' );
    194         $css_dependencies[] = 'font-awesome';
    195     }
    196 
    197     wp_enqueue_style( 'twentytwenty-style', get_template_directory_uri() . '/style.css', $css_dependencies, $theme_version );
     177    $theme_version = wp_get_theme()->get( 'Version' );
     178
     179    wp_enqueue_style( 'twentytwenty-style', get_stylesheet_uri(), array(), $theme_version );
    198180    wp_style_add_data( 'twentytwenty-style', 'rtl', 'replace' );
    199181
    … …  
    248230 *
    249231 * @param string $html The HTML output from get_custom_logo (core function).
     232 *
     233 * @return string $html
    250234 */
    251235function twentytwenty_get_custom_logo( $html ) {
    … …  
    303287 */
    304288function twentytwenty_skip_link() {
    305     echo '<a class="skip-link screen-reader-text" href="#site-content">' . __( 'Skip to the content', 'twentytwenty' ) . '</a>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- core trusts translations
     289    echo '<a class="skip-link screen-reader-text" href="#site-content">' . __( 'Skip to the content', 'twentytwenty' ) . '</a>';
    306290}
    307291
    … …  
    387371
    388372/**
    389  * Output Customizer Settings in the Classic Editor.
     373 * Output Customizer settings in the classic editor.
    390374 * Adds styles to the head of the TinyMCE iframe. Kudos to @Otto42 for the original solution.
    391375 *
    392376 * @param array $mce_init TinyMCE styles.
     377 *
     378 * @return array $mce_init TinyMCE styles.
    393379 */
    394380function twentytwenty_add_classic_editor_customizer_styles( $mce_init ) {
    … …  
    417403    $editor_color_palette = array(
    418404        array(
    419             'name'  => esc_html__( 'Accent Color', 'twentytwenty' ),
     405            'name'  => __( 'Accent Color', 'twentytwenty' ),
    420406            'slug'  => 'accent',
    421407            'color' => twentytwenty_get_color_for_area( 'content', 'accent' ),
    422408        ),
    423409        array(
    424             'name'  => esc_html__( 'Secondary', 'twentytwenty' ),
     410            'name'  => __( 'Primary', 'twentytwenty' ),
     411            'slug'  => 'primary',
     412            'color' => twentytwenty_get_color_for_area( 'content', 'text' ),
     413        ),
     414        array(
     415            'name'  => __( 'Secondary', 'twentytwenty' ),
    425416            'slug'  => 'secondary',
    426417            'color' => twentytwenty_get_color_for_area( 'content', 'secondary' ),
    427418        ),
    428419        array(
    429             'name'  => esc_html__( 'Subtle Background', 'twentytwenty' ),
     420            'name'  => __( 'Subtle Background', 'twentytwenty' ),
    430421            'slug'  => 'subtle-background',
    431422            'color' => twentytwenty_get_color_for_area( 'content', 'borders' ),
    … …  
    450441    }
    451442
    452     // Gutenberg Font Sizes.
     443    // Block Editor Font Sizes.
    453444    add_theme_support(
    454445        'editor-font-sizes',
    455446        array(
    456447            array(
    457                 'name'      => _x( 'Small', 'Name of the small font size in Gutenberg', 'twentytwenty' ),
    458                 'shortName' => _x( 'S', 'Short name of the small font size in the Gutenberg editor.', 'twentytwenty' ),
    459                 'size'      => 16,
     448                'name'      => _x( 'Small', 'Name of the small font size in the block editor', 'twentytwenty' ),
     449                'shortName' => _x( 'S', 'Short name of the small font size in the block editor.', 'twentytwenty' ),
     450                'size'      => 18,
    460451                'slug'      => 'small',
    461452            ),
    462453            array(
    463                 'name'      => _x( 'Regular', 'Name of the regular font size in Gutenberg', 'twentytwenty' ),
    464                 'shortName' => _x( 'M', 'Short name of the regular font size in the Gutenberg editor.', 'twentytwenty' ),
    465                 'size'      => 18,
     454                'name'      => _x( 'Regular', 'Name of the regular font size in the block editor', 'twentytwenty' ),
     455                'shortName' => _x( 'M', 'Short name of the regular font size in the block editor.', 'twentytwenty' ),
     456                'size'      => 21,
    466457                'slug'      => 'regular',
    467458            ),
    468459            array(
    469                 'name'      => _x( 'Large', 'Name of the large font size in Gutenberg', 'twentytwenty' ),
    470                 'shortName' => _x( 'L', 'Short name of the large font size in the Gutenberg editor.', 'twentytwenty' ),
     460                'name'      => _x( 'Large', 'Name of the large font size in the block editor', 'twentytwenty' ),
     461                'shortName' => _x( 'L', 'Short name of the large font size in the block editor.', 'twentytwenty' ),
    471462                'size'      => 24,
    472463                'slug'      => 'large',
    473464            ),
    474465            array(
    475                 'name'      => _x( 'Larger', 'Name of the larger font size in Gutenberg', 'twentytwenty' ),
    476                 'shortName' => _x( 'XL', 'Short name of the larger font size in the Gutenberg editor.', 'twentytwenty' ),
     466                'name'      => _x( 'Larger', 'Name of the larger font size in the block editor', 'twentytwenty' ),
     467                'shortName' => _x( 'XL', 'Short name of the larger font size in the block editor.', 'twentytwenty' ),
    477468                'size'      => 32,
    478469                'slug'      => 'larger',
    … …  
    499490        '<a href="%1$s" class="more-link faux-button">%2$s <span class="screen-reader-text">"%3$s"</span></a>',
    500491        esc_url( get_permalink( get_the_ID() ) ),
    501         esc_html__( 'Continue reading', 'twentytwenty' ),
    502         get_the_title( get_the_ID() )
     492        __( 'Continue reading', 'twentytwenty' ),
     493        esc_html( get_the_title( get_the_ID() ) )
    503494    );
    504495}
    … …  
    514505function twentytwenty_customize_controls_enqueue_scripts() {
    515506    $theme_version = wp_get_theme()->get( 'Version' );
     507
     508    // Add main customizer js file.
     509    wp_enqueue_script( 'twentytwenty-customize', get_template_directory_uri() . '/assets/js/customize.js', array( 'jquery' ), $theme_version, false );
    516510
    517511    // Add script for color calculations.
    … …  
    623617        'content'       => array(
    624618            'accent'     => array(
    625                 'color'            => array( '.color-accent', '.color-accent-hover:hover', '.color-accent-hover:focus', '.has-accent-color', '.has-drop-cap:not(:focus):first-letter', '.wp-block-button.is-style-outline', 'a' ),
    626                 'border-color'     => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ),
    627                 'background'       => array( 'button:not(.toggle)', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]' ),
    628                 'background-color' => array( '.bg-accent', '.bg-accent-hover:hover', '.bg-accent-hover:focus', '.has-accent-background-color', '.comment-reply-link' ),
    629                 'fill'             => array( '.fill-children-accent', '.fill-children-accent *' ),
     619                'color'        => array( '.color-accent', '.color-accent-hover:hover', '.color-accent-hover:focus', '.has-accent-color', '.has-drop-cap:not(:focus):first-letter', '.wp-block-button.is-style-outline', 'a' ),
     620                'border-color' => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ),
     621                'background'   => array( 'button:not(.toggle)', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file .wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.bg-accent', '.bg-accent-hover:hover', '.bg-accent-hover:focus', '.has-accent-background-color', '.comment-reply-link' ),
     622                'fill'         => array( '.fill-children-accent', '.fill-children-accent *' ),
    630623            ),
    631624            'background' => array(
    632625                'color'      => array( 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-button__link:active', '.wp-block-button__link:focus', '.wp-block-button__link:visited', '.wp-block-button__link:hover', '.wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.comment-reply-link' ),
    633                 'background' => array(),
     626                'background' => array( '.has-background-background-color' ),
    634627            ),
    635628            'text'       => array(
    636                 'color' => array( 'body', '.entry-title a' ),
     629                'color'      => array( 'body', '.entry-title a', '.has-primary-color' ),
     630                'background' => array( '.has-primary-background-color' ),
    637631            ),
    638632            'secondary'  => array(
    639                 'color' => array( 'cite', 'figcaption', '.wp-caption-text', '.post-meta', '.entry-content .wp-block-archives li', '.entry-content .wp-block-categories li', '.entry-content .wp-block-latest-posts li', '.wp-block-latest-comments__comment-date', '.wp-block-latest-posts__post-date', '.wp-block-embed figcaption', '.wp-block-image figcaption', '.wp-block-pullquote cite', '.comment-metadata', '.comment-respond .comment-notes', '.comment-respond .logged-in-as', '.pagination .dots', '.entry-content hr:not(.has-background)', 'hr.styled-separator' ),
     633                'color'      => array( 'cite', 'figcaption', '.wp-caption-text', '.post-meta', '.entry-content .wp-block-archives li', '.entry-content .wp-block-categories li', '.entry-content .wp-block-latest-posts li', '.wp-block-latest-comments__comment-date', '.wp-block-latest-posts__post-date', '.wp-block-embed figcaption', '.wp-block-image figcaption', '.wp-block-pullquote cite', '.comment-metadata', '.comment-respond .comment-notes', '.comment-respond .logged-in-as', '.pagination .dots', '.entry-content hr:not(.has-background)', 'hr.styled-separator', '.has-secondary-color' ),
     634                'background' => array( '.has-secondary-background-color' ),
    640635            ),
    641636            'borders'    => array(
    642637                'border-color'        => array( 'pre', 'fieldset', 'input', 'textarea', 'table', 'table *', 'hr' ),
    643                 'background'          => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)' ),
     638                'background'          => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', '.has-subtle-background-background-color' ),
    644639                'border-bottom-color' => array( '.wp-block-table.is-style-stripes' ),
    645640                'border-top-color'    => array( '.wp-block-latest-posts.is-grid li' ),
     641                'color'               => array( '.has-subtle-background-color' ),
    646642            ),
    647643        ),
    … …  
    652648            ),
    653649            'background' => array(
    654                 'color'      => array( '.social-icons a', '.overlay-header .header-inner', '.primary-menu ul', '.header-footer-group button', '.header-footer-group .button', '.header-footer-group .faux-button', '.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link', '.header-footer-group .wp-block-file__button', '.header-footer-group input[type="button"]', '.header-footer-group input[type="reset"]', '.header-footer-group input[type="submit"]' ),
     650                'color'      => array( '.social-icons a', '.overlay-header .header-inner', 'body:not(.overlay-header) .primary-menu ul', '.header-footer-group button', '.header-footer-group .button', '.header-footer-group .faux-button', '.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link', '.header-footer-group .wp-block-file__button', '.header-footer-group input[type="button"]', '.header-footer-group input[type="reset"]', '.header-footer-group input[type="submit"]' ),
    655651                'background' => array( '#site-header', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal', '.menu-modal-inner', '.search-modal-inner', '.archive-header', '.singular .entry-header', '.singular .featured-media:before', '.wp-block-pullquote:before' ),
    656652            ),

  • trunk/src/wp-content/themes/twentytwenty/header.php

    r46357 r46445  
    1010 */
    1111
    12 ?>
    13 <!DOCTYPE html>
     12?><!DOCTYPE html>
    1413
    1514<html class="no-js" <?php language_attributes(); ?>>
    … …  
    3231        ?>
    3332
    34         <header id="site-header" class="header-footer-group">
     33        <header id="site-header" class="header-footer-group" role="banner">
    3534
    3635            <div class="header-inner section-inner">
    … …  
    4746                        ?>
    4847
    49                         <button class="toggle search-toggle mobile-search-toggle" data-toggle-target=".search-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
    50                             <div class="toggle-inner">
    51                                 <div class="toggle-icon">
     48                        <button class="toggle search-toggle mobile-search-toggle" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
     49                            <span class="toggle-inner">
     50                                <span class="toggle-icon">
    5251                                    <?php twentytwenty_the_theme_svg( 'search' ); ?>
    53                                 </div>
    54                                 <span class="toggle-text"><?php _e( 'Search', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
    55                             </div>
     52                                </span>
     53                                <span class="toggle-text"><?php _e( 'Search', 'twentytwenty' ); ?></span>
     54                            </span>
    5655                        </button><!-- .search-toggle -->
    5756
    … …  
    7069                    </div><!-- .header-titles -->
    7170
    72                     <button class="toggle nav-toggle mobile-nav-toggle" data-toggle-target=".menu-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
    73                         <div class="toggle-inner">
    74                             <div class="toggle-icon">
     71                    <button class="toggle nav-toggle mobile-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
     72                        <span class="toggle-inner">
     73                            <span class="toggle-icon">
    7574                                <?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
    76                             </div>
    77                             <span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
    78                         </div>
     75                            </span>
     76                            <span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); ?></span>
     77                        </span>
    7978                    </button><!-- .nav-toggle -->
    8079
    … …  
    130129                    ?>
    131130
    132                     <div class="header-toggles hide-no-js<?php echo esc_attr( $header_toggles_classes ); ?>">
     131                    <div class="header-toggles hide-no-js<?php echo $header_toggles_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
    133132
    134133                        <?php
    … …  
    141140                        ?>
    142141
    143                         <div class="toggle-wrapper nav-toggle-wrapper<?php echo esc_attr( $nav_toggle_wrapper_classes ); ?>">
     142                        <div class="toggle-wrapper nav-toggle-wrapper<?php echo $nav_toggle_wrapper_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
    144143
    145                             <button class="toggle nav-toggle" data-toggle-target=".menu-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
    146                                 <div class="toggle-inner">
    147                                     <span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
    148                                     <div class="toggle-icon">
     144                            <button class="toggle nav-toggle desktop-nav-toggle" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".close-nav-toggle">
     145                                <span class="toggle-inner">
     146                                    <span class="toggle-text"><?php _e( 'Menu', 'twentytwenty' ); ?></span>
     147                                    <span class="toggle-icon">
    149148                                        <?php twentytwenty_the_theme_svg( 'ellipsis' ); ?>
    150                                     </div>
    151                                 </div>
     149                                    </span>
     150                                </span>
    152151                            </button><!-- .nav-toggle -->
    153152
    … …  
    160159                            <div class="toggle-wrapper search-toggle-wrapper">
    161160
    162                                 <button class="toggle search-toggle" data-toggle-target=".search-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
    163                                     <div class="toggle-inner">
     161                                <button class="toggle search-toggle desktop-search-toggle" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field" aria-expanded="false">
     162                                    <span class="toggle-inner">
    164163                                        <?php twentytwenty_the_theme_svg( 'search' ); ?>
    165                                         <span class="toggle-text"><?php _e( 'Search', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
    166                                     </div>
     164                                        <span class="toggle-text"><?php _e( 'Search', 'twentytwenty' ); ?></span>
     165                                    </span>
    167166                                </button><!-- .search-toggle -->
    168167

  • trunk/src/wp-content/themes/twentytwenty/inc/custom-css.php

    r46357 r46445  
    6161        $accent_default = '#cd2653';
    6262        /**
    63          * Filters the CSS selectors targetting button component on frontend to apply common css
     63         * Filters the CSS selectors targeting button component on frontend to apply common css
    6464         *
    6565         * @since 1.0.0
    6666         *
    67          * @param string $string   The comma separated string of all CSS selectors targetting button component
     67         * @param string $string   The comma separated string of all CSS selectors targeting button component
    6868         */
    6969        $buttons_targets = apply_filters( 'twentytwenty_buttons_targets_front_end', 'button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, input[type=\'button\'], input[type=\'reset\'], input[type=\'submit\']' );
    … …  
    103103                        /*
    104104                         * If we don't have an elements array or it is empty
    105                          * then skip this itteration early;
     105                         * then skip this iteration early;
    106106                         */
    107107                        if ( ! is_array( $elements ) || empty( $elements ) ) {
    … …  
    119119                twentytwenty_generate_css( '.overlay-header .header-inner', 'color', $cover );
    120120                twentytwenty_generate_css( '.cover-header .entry-header *', 'color', $cover );
    121             }
    122 
    123             // Helper Classes.
    124             if ( $accent && $accent !== $accent_default ) {
    125                 twentytwenty_generate_css( '.color-accent, .color-accent-hover:hover, .has-accent-color', 'color', $accent );
    126                 twentytwenty_generate_css( '.bg-accent, .bg-accent-hover:hover, .has-accent-background-color', 'background-color', $accent );
    127                 twentytwenty_generate_css( '.border-color-accent, .border-color-accent-hover:hover', 'border-color', $accent );
    128                 twentytwenty_generate_css( '.fill-children-accent, .fill-children-accent *', 'fill', $accent );
    129121            }
    130122

  • trunk/src/wp-content/themes/twentytwenty/inc/starter-content.php

    r46283 r46445  
    2323    $starter_content = array(
    2424        'widgets'   => array(
    25             // Place one core-defined widgets in the first tooter widget area.
     25            // Place one core-defined widgets in the first footer widget area.
    2626            'sidebar-1' => array(
    2727                'text_about',
    2828            ),
    29             // Place one core-defined widgets in the second tooter widget area.
     29            // Place one core-defined widgets in the second footer widget area.
    3030            'sidebar-2' => array(
    3131                'text_business_info',
    … …  
    3535        // Specify the core-defined pages to create and add custom thumbnails to some of them.
    3636        'posts'     => array(
    37             'home',
     37            'front' => array(
     38                'post_type'    => 'page',
     39                'post_title'   => __( 'The New UMoMA Opens its Doors', 'twentytwenty' ),
     40                'post_content' => join(
     41                    '',
     42                    array(
     43                        '<!-- wp:group {"align":"wide"} -->',
     44                        '<div class="wp-block-group alignwide"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center"} -->',
     45                        '<h2 class="has-text-align-center">' . __( 'The premier destination for modern art in Northern Sweden. Open from 10 AM to 6 PM every day during the summer months.', 'twentytwenty' ) . '</h2>',
     46                        '<!-- /wp:heading --></div></div>',
     47                        '<!-- /wp:group -->',
     48                        '<!-- wp:columns {"align":"wide"} -->',
     49                        '<div class="wp-block-columns alignwide"><!-- wp:column -->',
     50                        '<div class="wp-block-column"><!-- wp:group -->',
     51                        '<div class="wp-block-group"><div class="wp-block-group__inner-container">',
     52                        '<!-- wp:heading {"level":3} -->',
     53                        '<h3>' . __( 'Works and Days', 'twentytwenty' ) . '</h3>',
     54                        '<!-- /wp:heading -->',
     55                        '<!-- wp:paragraph -->',
     56                        '<p>' . __( 'August 1 -- December 1', 'twentytwenty' ) . '</p>',
     57                        '<!-- /wp:paragraph -->',
     58                        '<!-- wp:button {"className":"is-style-outline"} -->',
     59                        '<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://make.wordpress.org/core/2019/09/27/block-editor-theme-related-updates-in-wordpress-5-3/">' . __( 'Read More', 'twentytwenty' ) . '</a></div>',
     60                        '<!-- /wp:button --></div></div>',
     61                        '<!-- /wp:group -->',
     62                        '<!-- wp:group -->',
     63                        '<div class="wp-block-group"><div class="wp-block-group__inner-container">',
     64                        '<!-- wp:heading {"level":3} -->',
     65                        '<h3>' . __( 'Theatre of Operations', 'twentytwenty' ) . '</h3>',
     66                        '<!-- /wp:heading -->',
     67                        '<!-- wp:paragraph -->',
     68                        '<p>' . __( 'October 1 -- December 1', 'twentytwenty' ) . '</p>',
     69                        '<!-- /wp:paragraph -->',
     70                        '<!-- wp:button {"className":"is-style-outline"} -->',
     71                        '<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://make.wordpress.org/core/2019/09/27/block-editor-theme-related-updates-in-wordpress-5-3/">' . __( 'Read More', 'twentytwenty' ) . '</a></div>',
     72                        '<!-- /wp:button --></div></div>',
     73                        '<!-- /wp:group --></div>',
     74                        '<!-- /wp:column -->',
     75                        '<!-- wp:column -->',
     76                        '<div class="wp-block-column"><!-- wp:group -->',
     77                        '<div class="wp-block-group"><div class="wp-block-group__inner-container">',
     78                        '<!-- wp:heading {"level":3} -->',
     79                        '<h3>' . __( 'The Life I Deserve', 'twentytwenty' ) . '</h3>',
     80                        '<!-- /wp:heading -->',
     81                        '<!-- wp:paragraph -->',
     82                        '<p>' . __( 'August 1 -- December 1', 'twentytwenty' ) . '</p>',
     83                        '<!-- /wp:paragraph -->',
     84                        '<!-- wp:button {"className":"is-style-outline"} -->',
     85                        '<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://make.wordpress.org/core/2019/09/27/block-editor-theme-related-updates-in-wordpress-5-3/">' . __( 'Read More', 'twentytwenty' ) . '</a></div>',
     86                        '<!-- /wp:button --></div></div>',
     87                        '<!-- /wp:group -->',
     88                        '<!-- wp:group -->',
     89                        '<div class="wp-block-group"><div class="wp-block-group__inner-container">',
     90                        '<!-- wp:heading {"level":3} -->',
     91                        '<h3>' . __( 'From Signac to Matisse', 'twentytwenty' ) . '</h3>',
     92                        '<!-- /wp:heading -->',
     93                        '<!-- wp:paragraph -->',
     94                        '<p>' . __( 'October 1 -- December 1', 'twentytwenty' ) . '</p>',
     95                        '<!-- /wp:paragraph -->',
     96                        '<!-- wp:button {"className":"is-style-outline"} -->',
     97                        '<div class="wp-block-button is-style-outline"><a class="wp-block-button__link" href="https://make.wordpress.org/core/2019/09/27/block-editor-theme-related-updates-in-wordpress-5-3/">' . __( 'Read More', 'twentytwenty' ) . '</a></div>',
     98                        '<!-- /wp:button --></div></div>',
     99                        '<!-- /wp:group --></div>',
     100                        '<!-- /wp:column --></div>',
     101                        '<!-- /wp:columns -->',
     102                        '<!-- wp:group {"align":"wide"} -->',
     103                        '<div class="wp-block-group alignwide"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center","textColor":"accent"} -->',
     104                        '<h2 class="has-accent-color has-text-align-center">' . __( '”Cyborgs, as the philosopher Donna Haraway established, are not reverent. They do not remember the cosmos.”', 'twentytwenty' ) . '</h2>',
     105                        '<!-- /wp:heading --></div></div>',
     106                        '<!-- /wp:group -->',
     107                        '<!-- wp:paragraph {"dropCap":true} -->',
     108                        '<p class="has-drop-cap">' . __( 'With seven floors of striking architecture, UMoMA shows exhibitions of international contemporary art, sometimes along with art historical retrospectives. Existential, political and philosophical issues are intrinsic to our programme. As visitor you are invited to guided tours artist talks, lectures, film screenings and other events with free admission', 'twentytwenty' ) . '</p>',
     109                        '<!-- /wp:paragraph -->',
     110                        '<!-- wp:paragraph -->',
     111                        '<p>' . __( 'The exhibitions are produced by UMoMA in collaboration with artists and museums around the world and they often attract international attention. UMoMA has received a Special Commendation from the European Museum of the Year, and was among the top candidates for the Swedish Museum of the Year Award as well as for the Council of Europe Museum Prize.', 'twentytwenty' ) . '</p>',
     112                        '<!-- /wp:paragraph -->',
     113                        '<!-- wp:paragraph -->',
     114                        '<p></p>',
     115                        '<!-- /wp:paragraph -->',
     116                        '<!-- wp:group {"customBackgroundColor":"#ffffff","align":"wide"} -->',
     117                        '<div class="wp-block-group alignwide has-background" style="background-color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:group -->',
     118                        '<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center"} -->',
     119                        '<h2 class="has-text-align-center">' . __( 'Become a Member and Get Exclusive Offers!', 'twentytwenty' ) . '</h2>',
     120                        '<!-- /wp:heading -->',
     121                        '<!-- wp:paragraph {"align":"center"} -->',
     122                        '<p class="has-text-align-center">' . __( 'Members get access to exclusive exhibits and sales. Our memberships cost $99.99 and are billed annually.', 'twentytwenty' ) . '</p>',
     123                        '<!-- /wp:paragraph -->',
     124                        '<!-- wp:button {"align":"center"} -->',
     125                        '<div class="wp-block-button aligncenter"><a class="wp-block-button__link" href="https://make.wordpress.org/core/2019/09/27/block-editor-theme-related-updates-in-wordpress-5-3/">' . __( 'Join the Club', 'twentytwenty' ) . '</a></div>',
     126                        '<!-- /wp:button --></div></div>',
     127                        '<!-- /wp:group --></div></div>',
     128                        '<!-- /wp:group -->',
     129                    )
     130                ),
     131            ),
    38132            'about',
    39133            'contact',
    … …  
    44138        'options'   => array(
    45139            'show_on_front'  => 'page',
    46             'page_on_front'  => '{{home}}',
     140            'page_on_front'  => '{{front}}',
    47141            'page_for_posts' => '{{blog}}',
    48142        ),

  • trunk/src/wp-content/themes/twentytwenty/inc/svg-icons.php

    r46271 r46445  
    1414     *
    1515     * @param string $svg_name The name of the icon.
     16     * @param string $group The group the icon belongs to.
    1617     * @param string $color Color code.
    1718     */
    18     function twentytwenty_the_theme_svg( $svg_name, $color = '' ) {
    19         echo twentytwenty_get_theme_svg( $svg_name, $color ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped in twentytwenty_get_theme_svg();.
     19    function twentytwenty_the_theme_svg( $svg_name, $group = 'ui', $color = '' ) {
     20        echo twentytwenty_get_theme_svg( $svg_name, $group, $color ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped in twentytwenty_get_theme_svg();.
    2021    }
    2122}
    … …  
    2728     *
    2829     * @param string $svg_name The name of the icon.
     30     * @param string $group The group the icon belongs to.
    2931     * @param string $color Color code.
    3032     */
    31     function twentytwenty_get_theme_svg( $svg_name, $color = '' ) {
     33    function twentytwenty_get_theme_svg( $svg_name, $group = 'ui', $color = '' ) {
    3234
    3335        // Make sure that only our allowed tags and attributes are included.
    3436        $svg = wp_kses(
    35             TwentyTwenty_SVG_Icons::get_svg( $svg_name, $color ),
     37            TwentyTwenty_SVG_Icons::get_svg( $svg_name, $group, $color ),
    3638            array(
    3739                'svg'     => array(

  • trunk/src/wp-content/themes/twentytwenty/inc/template-tags.php

    r46357 r46445  
    1010/**
    1111 * Table of Contents:
     12 * Logo & Description
    1213 * Comments
    1314 * Post Meta
    1415 * Menus
    1516 * Classes
    16  */
    17 
     17 * Archives
     18 * Miscellaneous
     19 */
     20
     21/**
     22 * Logo & Description
     23 */
    1824/**
    1925 * Displays the site logo, either text or image.
    2026 *
    2127 * @param array   $args Arguments for displaying the site logo either as an image or text.
    22  * @param boolean $echo Echo or return the html.
     28 * @param boolean $echo Echo or return the HTML.
     29 *
     30 * @return string $html Compiled HTML based on our arguments.
    2331 */
    2432function twentytwenty_site_logo( $args = array(), $echo = true ) {
    … …  
    8290 *
    8391 * @param boolean $echo Echo or return the html.
     92 *
     93 * @return string $html The HTML to display.
    8494 */
    8595function twentytwenty_site_description( $echo = true ) {
    … …  
    119129 *
    120130 * @param object $comment Comment data.
     131 *
     132 * @return bool
    121133 */
    122134function twentytwenty_is_comment_by_post_author( $comment = null ) {
    … …  
    143155 *
    144156 * @param string $link Link to the top of the page.
     157 *
     158 * @return string $link Link to the top of the page.
    145159 */
    146160function twentytwenty_filter_comment_reply_link( $link ) {
    … …  
    168182
    169183}
     184
     185/**
     186 * Filters the edit post link to add an icon and use the post meta structure.
     187 *
     188 * @param string $link    Anchor tag for the edit link.
     189 * @param int    $post_id Post ID.
     190 * @param string $text    Anchor text.
     191 */
     192function twentytwenty_edit_post_link( $link, $post_id, $text ) {
     193
     194    $edit_url = get_edit_post_link( $post_id );
     195
     196    if ( ! $edit_url ) {
     197        return;
     198    }
     199
     200    $text = sprintf(
     201        wp_kses(
     202            /* translators: %s: Post title. Only visible to screen readers. */
     203            __( 'Edit <span class="screen-reader-text">%s</span>', 'twentytwenty' ),
     204            array(
     205                'span' => array(
     206                    'class' => array(),
     207                ),
     208            )
     209        ),
     210        get_the_title( $post_id )
     211    );
     212
     213    return '<div class="post-meta-wrapper post-meta-edit-link-wrapper"><ul class="post-meta"><li class="post-edit meta-wrapper"><span class="meta-icon">' . twentytwenty_get_theme_svg( 'edit' ) . '</span><span class="meta-text"><a href="' . esc_url( $edit_url ) . '">' . $text . '</a></span></li></ul><!-- .post-meta --></div><!-- .post-meta-wrapper -->';
     214
     215}
     216
     217add_filter( 'edit_post_link', 'twentytwenty_edit_post_link', 10, 3 );
    170218
    171219/**
    … …  
    207255        * Filters post meta info visibility
    208256        *
    209         * Use this filter to hide post meta information like Author, Post date, Comments, Is stiky status
     257        * Use this filter to hide post meta information like Author, Post date, Comments, Is sticky status
    210258        *
    211259        * @since 1.0.0
    … …  
    290338                    <li class="post-author meta-wrapper">
    291339                        <span class="meta-icon">
    292                             <span class="screen-reader-text"><?php _e( 'Post author', 'twentytwenty' );// phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
     340                            <span class="screen-reader-text"><?php _e( 'Post author', 'twentytwenty' ); ?></span>
    293341                            <?php twentytwenty_the_theme_svg( 'user' ); ?>
    294342                        </span>
    … …  
    296344                            <?php
    297345                            printf(
    298                                 // Translators: %s = the author name.
    299                                 _x( 'By %s', '%s = author name', 'twentytwenty' ), // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- core trusts translations
     346                                /* translators: %s: Author name */
     347                                __( 'By %s', 'twentytwenty' ),
    300348                                '<a href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author_meta( 'display_name' ) ) . '</a>'
    301349                            );
    … …  
    315363                        <a class="meta-wrapper" href="<?php the_permalink(); ?>">
    316364                            <span class="meta-icon">
    317                                 <span class="screen-reader-text"><?php _e( 'Post date', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
     365                                <span class="screen-reader-text"><?php _e( 'Post date', 'twentytwenty' ); ?></span>
    318366                                <?php twentytwenty_the_theme_svg( 'calendar' ); ?>
    319367                            </span>
    … …  
    334382                    <li class="post-categories meta-wrapper">
    335383                        <span class="meta-icon">
    336                             <span class="screen-reader-text"><?php _e( 'Categories', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
     384                            <span class="screen-reader-text"><?php _e( 'Categories', 'twentytwenty' ); ?></span>
    337385                            <?php twentytwenty_the_theme_svg( 'folder' ); ?>
    338386                        </span>
    339387                        <span class="meta-text">
    340                             <?php _e( 'In', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?> <?php the_category( ', ' ); ?>
     388                            <?php _ex( 'In', 'A string that is output before one or more categories', 'twentytwenty' ); ?> <?php the_category( ', ' ); ?>
    341389                        </span>
    342390                    </li>
    … …  
    352400                    <li class="post-tags meta-wrapper">
    353401                        <span class="meta-icon">
    354                             <span class="screen-reader-text"><?php _e( 'Tags', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
     402                            <span class="screen-reader-text"><?php _e( 'Tags', 'twentytwenty' ); ?></span>
    355403                            <?php twentytwenty_the_theme_svg( 'tag' ); ?>
    356404                        </span>
    … …  
    390438                        </span>
    391439                        <span class="meta-text">
    392                             <?php _e( 'Sticky post', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?>
     440                            <?php _e( 'Sticky post', 'twentytwenty' ); ?>
    393441                        </span>
    394442                    </li>
    … …  
    438486 * styling of sub levels in the fallback. Only applied if the match_menu_classes argument is set.
    439487 *
    440  * @param string $css_class CSS Class names.
     488 * @param array $css_class CSS Class names.
    441489 * @param string $item Comment.
    442490 * @param int    $depth Depth of the current comment.
    443491 * @param array  $args An array of arguments.
    444  * @param string $current_page Wether or not the item is the current item.
     492 * @param string $current_page Whether or not the item is the current item.
     493 *
     494 * @return array $css_class CSS Class names.
    445495 */
    446496function twentytwenty_filter_wp_list_pages_item_classes( $css_class, $item, $depth, $args, $current_page ) {
    … …  
    472522 * Add a Sub Nav Toggle to the Expanded Menu and Mobile Menu.
    473523 *
    474  * @param array  $args An array of arguments.
    475  * @param string $item Menu item.
    476  * @param int    $depth Depth of the current menu item.
     524 * @param stdClass $args An array of arguments.
     525 * @param string   $item Menu item.
     526 * @param int      $depth Depth of the current menu item.
     527 *
     528 * @return stdClass $args An object of wp_nav_menu() arguments.
    477529 */
    478530function twentytwenty_add_sub_toggles_to_main_menu( $args, $item, $depth ) {
    … …  
    515567
    516568/**
     569 * Display SVG icons in social links menu.
     570 *
     571 * @param  string  $item_output The menu item output.
     572 * @param  WP_Post $item        Menu item object.
     573 * @param  int     $depth       Depth of the menu.
     574 * @param  array   $args        wp_nav_menu() arguments.
     575 * @return string  $item_output The menu item output with social icon.
     576 */
     577function twentytwenty_nav_menu_social_icons( $item_output, $item, $depth, $args ) {
     578    // Change SVG icon inside social links menu if there is supported URL.
     579    if ( 'social' === $args->theme_location ) {
     580        $svg = TwentyTwenty_SVG_Icons::get_social_link_svg( $item->url );
     581        if ( empty( $svg ) ) {
     582            $svg = twentytwenty_get_theme_svg( 'link' );
     583        }
     584        $item_output = str_replace( $args->link_after, '</span>' . $svg, $item_output );
     585    }
     586
     587    return $item_output;
     588}
     589
     590add_filter( 'walker_nav_menu_start_el', 'twentytwenty_nav_menu_social_icons', 10, 4 );
     591
     592/**
    517593 * Classes
    518594 */
    … …  
    532608
    533609/**
     610 * Add conditional body classes.
     611 *
     612 * @param array $classes Classes added to the body tag.
     613 *
     614 * @return array $classes Classes added to the body tag.
     615 */
     616function twentytwenty_body_classes( $classes ) {
     617
     618    global $post;
     619    $post_type = isset( $post ) ? $post->post_type : false;
     620
     621    // Check whether we're singular.
     622    if ( is_singular() ) {
     623        $classes[] = 'singular';
     624    }
     625
     626    // Check whether the current page should have an overlay header.
     627    if ( is_page_template( array( 'templates/template-cover.php' ) ) ) {
     628        $classes[] = 'overlay-header';
     629    }
     630
     631    // Check whether the current page has full-width content.
     632    if ( is_page_template( array( 'templates/template-full-width.php' ) ) ) {
     633        $classes[] = 'has-full-width-content';
     634    }
     635
     636    // Check for enabled search.
     637    if ( true === get_theme_mod( 'enable_header_search', true ) ) {
     638        $classes[] = 'enable-search-modal';
     639    }
     640
     641    // Check for post thumbnail.
     642    if ( is_singular() && has_post_thumbnail() ) {
     643        $classes[] = 'has-post-thumbnail';
     644    } elseif ( is_singular() ) {
     645        $classes[] = 'missing-post-thumbnail';
     646    }
     647
     648    // Check whether we're in the customizer preview.
     649    if ( is_customize_preview() ) {
     650        $classes[] = 'customizer-preview';
     651    }
     652
     653    // Check if posts have single pagination.
     654    if ( is_single() && ( get_next_post() || get_previous_post() ) ) {
     655        $classes[] = 'has-single-pagination';
     656    } else {
     657        $classes[] = 'has-no-pagination';
     658    }
     659
     660    // Check if we're showing comments.
     661    if ( $post && ( ( 'post' === $post_type || comments_open() || get_comments_number() ) && ! post_password_required() ) ) {
     662        $classes[] = 'showing-comments';
     663    } else {
     664        $classes[] = 'not-showing-comments';
     665    }
     666
     667    // Check if avatars are visible.
     668    $classes[] = get_option( 'show_avatars' ) ? 'show-avatars' : 'hide-avatars';
     669
     670    // Slim page template class names (class = name - file suffix).
     671    if ( is_page_template() ) {
     672        $classes[] = basename( get_page_template_slug(), '.php' );
     673    }
     674
     675    // Check for the elements output in the top part of the footer.
     676    $has_footer_menu = has_nav_menu( 'footer' );
     677    $has_social_menu = has_nav_menu( 'social' );
     678    $has_sidebar_1   = is_active_sidebar( 'sidebar-1' );
     679    $has_sidebar_2   = is_active_sidebar( 'sidebar-2' );
     680
     681    // Add a class indicating whether those elements are output.
     682    if ( $has_footer_menu || $has_social_menu || $has_sidebar_1 || $has_sidebar_2 ) {
     683        $classes[] = 'footer-top-visible';
     684    } else {
     685        $classes[] = 'footer-top-hidden';
     686    }
     687
     688    // Get header/footer background color.
     689    $header_footer_background = get_theme_mod( 'header_footer_background_color', '#ffffff' );
     690    $header_footer_background = strtolower( '#' . ltrim( $header_footer_background, '#' ) );
     691
     692    // Get content background color.
     693    $background_color = get_theme_mod( 'background_color', 'f5efe0' );
     694    $background_color = strtolower( '#' . ltrim( $background_color, '#' ) );
     695
     696    // Add extra class if main background and header/footer background are the same color.
     697    if ( $background_color === $header_footer_background ) {
     698        $classes[] = 'reduced-spacing';
     699    }
     700
     701    return $classes;
     702
     703}
     704
     705add_filter( 'body_class', 'twentytwenty_body_classes' );
     706
     707/**
     708 * Archives
     709 */
     710/**
    534711 * Filters the archive title and styles the word before the first colon.
    535712 *
    536713 * @param string $title Current archive title.
     714 *
     715 * @return string $title Current archive title.
    537716 */
    538717function twentytwenty_get_the_archive_title( $title ) {
    … …  
    559738
    560739/**
    561  * Filters the edit post link to add an icon and use the post meta structure.
    562  *
    563  * @param string $link    Anchor tag for the edit link.
    564  * @param int    $post_id Post ID.
    565  * @param string $text    Anchor text.
    566  */
    567 function twentytwenty_edit_post_link( $link, $post_id, $text ) {
    568 
    569     $edit_url = get_edit_post_link( $post_id );
    570 
    571     if ( ! $edit_url ) {
    572         return;
    573     }
    574 
    575     return '<div class="post-meta-wrapper post-meta-edit-link-wrapper"><ul class="post-meta"><li class="post-edit meta-wrapper"><span class="meta-icon">' . twentytwenty_get_theme_svg( 'edit' ) . '</span><span class="meta-text"><a href="' . esc_url( $edit_url ) . '">' . $text . '</a></span></li></ul><!-- .post-meta --></div><!-- .post-meta-wrapper -->';
    576 
    577 }
    578 
    579 add_filter( 'edit_post_link', 'twentytwenty_edit_post_link', 10, 3 );
    580 
    581 /**
    582  * Add conditional body classes.
    583  *
    584  * @param string $classes Classes added to the body tag.
    585  */
    586 function twentytwenty_body_classes( $classes ) {
    587 
    588     global $post;
    589     $post_type = isset( $post ) ? $post->post_type : false;
    590 
    591     // Check whether we're singular.
    592     if ( is_singular() ) {
    593         $classes[] = 'singular';
    594     }
    595 
    596     // Check whether the current page should have an overlay header.
    597     if ( is_page_template( array( 'templates/template-cover.php' ) ) ) {
    598         $classes[] = 'overlay-header';
    599     }
    600 
    601     // Check whether the current page has full-width content.
    602     if ( is_page_template( array( 'templates/template-full-width.php' ) ) ) {
    603         $classes[] = 'has-full-width-content';
    604     }
    605 
    606     // Check for enabled search.
    607     if ( true === get_theme_mod( 'enable_header_search', true ) ) {
    608         $classes[] = 'enable-search-modal';
    609     }
    610 
    611     // Check for post thumbnail.
    612     if ( is_singular() && has_post_thumbnail() ) {
    613         $classes[] = 'has-post-thumbnail';
    614     } elseif ( is_singular() ) {
    615         $classes[] = 'missing-post-thumbnail';
    616     }
    617 
    618     // Check whether we're in the customizer preview.
    619     if ( is_customize_preview() ) {
    620         $classes[] = 'customizer-preview';
    621     }
    622 
    623     // Check if posts have single pagination.
    624     if ( is_single() && ( get_next_post() || get_previous_post() ) ) {
    625         $classes[] = 'has-single-pagination';
    626     } else {
    627         $classes[] = 'has-no-pagination';
    628     }
    629 
    630     // Check if we're showing comments.
    631     if ( $post && ( ( 'post' === $post_type || comments_open() || get_comments_number() ) && ! post_password_required() ) ) {
    632         $classes[] = 'showing-comments';
    633     } else {
    634         $classes[] = 'not-showing-comments';
    635     }
    636 
    637     // Check if avatars are visible.
    638     $classes[] = get_option( 'show_avatars' ) ? 'show-avatars' : 'hide-avatars';
    639 
    640     // Slim page template class names (class = name - file suffix).
    641     if ( is_page_template() ) {
    642         $classes[] = basename( get_page_template_slug(), '.php' );
    643     }
    644 
    645     // Check for the elements output in the top part of the footer.
    646     $has_footer_menu = has_nav_menu( 'footer' );
    647     $has_social_menu = has_nav_menu( 'social' );
    648     $has_sidebar_1   = is_active_sidebar( 'sidebar-1' );
    649     $has_sidebar_2   = is_active_sidebar( 'sidebar-2' );
    650 
    651     // Add a class indicating whether those elements are output.
    652     if ( $has_footer_menu || $has_social_menu || $has_sidebar_1 || $has_sidebar_2 ) {
    653         $classes[] = 'footer-top-visible';
    654     } else {
    655         $classes[] = 'footer-top-hidden';
    656     }
    657 
    658     // Get header/footer background color.
    659     $header_footer_background = get_theme_mod( 'header_footer_background_color', '#ffffff' );
    660     $header_footer_background = strtolower( '#' . ltrim( $header_footer_background, '#' ) );
    661 
    662     // Get content background color.
    663     $background_color = get_theme_mod( 'background_color', 'f5efe0' );
    664     $background_color = strtolower( '#' . ltrim( $background_color, '#' ) );
    665 
    666     // Add extra class if main background and header/footer background are the same color.
    667     if ( $background_color === $header_footer_background ) {
    668         $classes[] = 'reduced-spacing';
    669     }
    670 
    671     return $classes;
    672 
    673 }
    674 
    675 add_filter( 'body_class', 'twentytwenty_body_classes' );
    676 
     740 * Miscellaneous
     741 */
    677742/**
    678743 * Toggle animation duration in milliseconds.
    … …  
    692757    return $duration;
    693758}
     759
     760/**
     761 * Get unique ID.
     762 *
     763 * This is a PHP implementation of Underscore's uniqueId method. A static variable
     764 * contains an integer that is incremented with each call. This number is returned
     765 * with the optional prefix. As such the returned value is not universally unique,
     766 * but it is unique across the life of the PHP process.
     767 *
     768 * @see wp_unique_id() Themes requiring WordPress 5.0.3 and greater should use this instead.
     769 *
     770 * @staticvar int $id_counter
     771 *
     772 * @param string $prefix Prefix for the returned ID.
     773 * @return string Unique ID.
     774 */
     775function twentytwenty_unique_id( $prefix = '' ) {
     776    static $id_counter = 0;
     777    if ( function_exists( 'wp_unique_id' ) ) {
     778        return wp_unique_id( $prefix );
     779    }
     780    return $prefix . (string) ++$id_counter;
     781}

  • trunk/src/wp-content/themes/twentytwenty/index.php

    r46357 r46445  
    3535
    3636        if ( $wp_query->found_posts ) {
    37             /* Translators: %s = Number of results */
    38             $archive_subtitle = sprintf( _nx( 'We found %s result for your search.', 'We found %s results for your search.', $wp_query->found_posts, '%s = Number of results', 'twentytwenty' ), $wp_query->found_posts );
     37            $archive_subtitle = sprintf(
     38                /* translators: %s: Number of search results */
     39                _n(
     40                    'We found %s result for your search.',
     41                    'We found %s results for your search.',
     42                    $wp_query->found_posts,
     43                    'twentytwenty'
     44                ),
     45                number_format_i18n( $wp_query->found_posts )
     46            );
    3947        } else {
    4048            $archive_subtitle = __( 'We could not find any results for your search. You can give it another try through the search form below.', 'twentytwenty' );
    … …  
    8997            get_search_form(
    9098                array(
    91                     'label' => _x( 'search again', 'Label', 'twentytwenty' ),
     99                    'label' => __( 'search again', 'twentytwenty' ),
    92100                )
    93101            );
    … …  
    101109
    102110    <?php get_template_part( 'template-parts/pagination' ); ?>
    103     <?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>
    104111
    105112</main><!-- #site-content -->
    106113
     114<?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>
     115
    107116<?php
    108117get_footer();

  • trunk/src/wp-content/themes/twentytwenty/package-lock.json

    r46357 r46445  
    38833883            "dev": true
    38843884        },
     3885        "dependency-graph": {
     3886            "version": "0.8.0",
     3887            "resolved": "https://registry.npmjs.org/dependency-graph/-/dependency-graph-0.8.0.tgz",
     3888            "integrity": "sha512-DCvzSq2UiMsuLnj/9AL484ummEgLtZIcRS7YvtO38QnpX3vqh9nJ8P+zhu8Ja+SmLrBHO2iDbva20jq38qvBkQ==",
     3889            "dev": true
     3890        },
    38853891        "des.js": {
    38863892            "version": "1.0.0",
    … …  
    52815287            "dev": true
    52825288        },
     5289        "fs-extra": {
     5290            "version": "7.0.1",
     5291            "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
     5292            "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
     5293            "dev": true,
     5294            "requires": {
     5295                "graceful-fs": "^4.1.2",
     5296                "jsonfile": "^4.0.0",
     5297                "universalify": "^0.1.0"
     5298            }
     5299        },
    52835300        "fs-write-stream-atomic": {
    52845301            "version": "1.0.10",
    … …  
    53125329                "abbrev": {
    53135330                    "version": "1.1.1",
    5314                     "bundled": true,
     5331                    "resolved": false,
     5332                    "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
    53155333                    "dev": true,
    53165334                    "optional": true
    … …  
    53185336                "ansi-regex": {
    53195337                    "version": "2.1.1",
    5320                     "bundled": true,
     5338                    "resolved": false,
     5339                    "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
    53215340                    "dev": true,
    53225341                    "optional": true
    … …  
    53245343                "aproba": {
    53255344                    "version": "1.2.0",
    5326                     "bundled": true,
     5345                    "resolved": false,
     5346                    "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
    53275347                    "dev": true,
    53285348                    "optional": true
    … …  
    53305350                "are-we-there-yet": {
    53315351                    "version": "1.1.5",
    5332                     "bundled": true,
     5352                    "resolved": false,
     5353                    "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==",
    53335354                    "dev": true,
    53345355                    "optional": true,
    … …  
    53405361                "balanced-match": {
    53415362                    "version": "1.0.0",
    5342                     "bundled": true,
     5363                    "resolved": false,
     5364                    "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
    53435365                    "dev": true,
    53445366                    "optional": true
    … …  
    53465368                "brace-expansion": {
    53475369                    "version": "1.1.11",
    5348                     "bundled": true,
     5370                    "resolved": false,
     5371                    "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
    53495372                    "dev": true,
    53505373                    "optional": true,
    … …  
    53565379                "chownr": {
    53575380                    "version": "1.1.1",
    5358                     "bundled": true,
     5381                    "resolved": false,
     5382                    "integrity": "sha512-j38EvO5+LHX84jlo6h4UzmOwi0UgW61WRyPtJz4qaadK5eY3BTS5TY/S1Stc3Uk2lIM6TPevAlULiEJwie860g==",
    53595383                    "dev": true,
    53605384                    "optional": true
    … …  
    53625386                "code-point-at": {
    53635387                    "version": "1.1.0",
    5364                     "bundled": true,
     5388                    "resolved": false,
     5389                    "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
    53655390                    "dev": true,
    53665391                    "optional": true
    … …  
    53685393                "concat-map": {
    53695394                    "version": "0.0.1",
    5370                     "bundled": true,
     5395                    "resolved": false,
     5396                    "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
    53715397                    "dev": true,
    53725398                    "optional": true
    … …  
    53745400                "console-control-strings": {
    53755401                    "version": "1.1.0",
    5376                     "bundled": true,
     5402                    "resolved": false,
     5403                    "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
    53775404                    "dev": true,
    53785405                    "optional": true
    … …  
    53805407                "core-util-is": {
    53815408                    "version": "1.0.2",
    5382                     "bundled": true,
     5409                    "resolved": false,
     5410                    "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
    53835411                    "dev": true,
    53845412                    "optional": true
    … …  
    53865414                "debug": {
    53875415                    "version": "4.1.1",
    5388                     "bundled": true,
     5416                    "resolved": false,
     5417                    "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==",
    53895418                    "dev": true,
    53905419                    "optional": true,
    … …  
    53955424                "deep-extend": {
    53965425                    "version": "0.6.0",
    5397                     "bundled": true,
     5426                    "resolved": false,
     5427                    "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
    53985428                    "dev": true,
    53995429                    "optional": true
    … …  
    54015431                "delegates": {
    54025432                    "version": "1.0.0",
    5403                     "bundled": true,
     5433                    "resolved": false,
     5434                    "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
    54045435                    "dev": true,
    54055436                    "optional": true
    … …  
    54075438                "detect-libc": {
    54085439                    "version": "1.0.3",
    5409                     "bundled": true,
     5440                    "resolved": false,
     5441                    "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
    54105442                    "dev": true,
    54115443                    "optional": true
    … …  
    54135445                "fs-minipass": {
    54145446                    "version": "1.2.5",
    5415                     "bundled": true,
     5447                    "resolved": false,
     5448                    "integrity": "sha512-JhBl0skXjUPCFH7x6x61gQxrKyXsxB5gcgePLZCwfyCGGsTISMoIeObbrvVeP6Xmyaudw4TT43qV2Gz+iyd2oQ==",
    54165449                    "dev": true,
    54175450                    "optional": true,
    … …  
    54225455                "fs.realpath": {
    54235456                    "version": "1.0.0",
    5424                     "bundled": true,
     5457                    "resolved": false,
     5458                    "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
    54255459                    "dev": true,
    54265460                    "optional": true
    … …  
    54285462                "gauge": {
    54295463                    "version": "2.7.4",
    5430                     "bundled": true,
     5464                    "resolved": false,
     5465                    "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
    54315466                    "dev": true,
    54325467                    "optional": true,
    … …  
    54445479                "glob": {
    54455480                    "version": "7.1.3",
    5446                     "bundled": true,
     5481                    "resolved": false,
     5482                    "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==",
    54475483                    "dev": true,
    54485484                    "optional": true,
    … …  
    54585494                "has-unicode": {
    54595495                    "version": "2.0.1",
    5460                     "bundled": true,
     5496                    "resolved": false,
     5497                    "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
    54615498                    "dev": true,
    54625499                    "optional": true
    … …  
    54645501                "iconv-lite": {
    54655502                    "version": "0.4.24",
    5466                     "bundled": true,
     5503                    "resolved": false,
     5504                    "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
    54675505                    "dev": true,
    54685506                    "optional": true,
    … …  
    54735511                "ignore-walk": {
    54745512                    "version": "3.0.1",
    5475                     "bundled": true,
     5513                    "resolved": false,
     5514                    "integrity": "sha512-DTVlMx3IYPe0/JJcYP7Gxg7ttZZu3IInhuEhbchuqneY9wWe5Ojy2mXLBaQFUQmo0AW2r3qG7m1mg86js+gnlQ==",
    54765515                    "dev": true,
    54775516                    "optional": true,
    … …  
    54825521                "inflight": {
    54835522                    "version": "1.0.6",
    5484                     "bundled": true,
     5523                    "resolved": false,
     5524                    "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
    54855525                    "dev": true,
    54865526                    "optional": true,
    … …  
    54925532                "inherits": {
    54935533                    "version": "2.0.3",
    5494                     "bundled": true,
     5534                    "resolved": false,
     5535                    "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
    54955536                    "dev": true,
    54965537                    "optional": true
    … …  
    54985539                "ini": {
    54995540                    "version": "1.3.5",
    5500                     "bundled": true,
     5541                    "resolved": false,
     5542                    "integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw==",
    55015543                    "dev": true,
    55025544                    "optional": true
    … …  
    55045546                "is-fullwidth-code-point": {
    55055547                    "version": "1.0.0",
    5506                     "bundled": true,
     5548                    "resolved": false,
     5549                    "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
    55075550                    "dev": true,
    55085551                    "optional": true,
    … …  
    55135556                "isarray": {
    55145557                    "version": "1.0.0",
    5515                     "bundled": true,
     5558                    "resolved": false,
     5559                    "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
    55165560                    "dev": true,
    55175561                    "optional": true
    … …  
    55195563                "minimatch": {
    55205564                    "version": "3.0.4",
    5521                     "bundled": true,
     5565                    "resolved": false,
     5566                    "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
    55225567                    "dev": true,
    55235568                    "optional": true,
    … …  
    55285573                "minimist": {
    55295574                    "version": "0.0.8",
    5530                     "bundled": true,
     5575                    "resolved": false,
     5576                    "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
    55315577                    "dev": true,
    55325578                    "optional": true
    … …  
    55345580                "minipass": {
    55355581                    "version": "2.3.5",
    5536                     "bundled": true,
     5582                    "resolved": false,
     5583                    "integrity": "sha512-Gi1W4k059gyRbyVUZQ4mEqLm0YIUiGYfvxhF6SIlk3ui1WVxMTGfGdQ2SInh3PDrRTVvPKgULkpJtT4RH10+VA==",
    55375584                    "dev": true,
    55385585                    "optional": true,
    … …  
    55445591                "minizlib": {
    55455592                    "version": "1.2.1",
    5546                     "bundled": true,
     5593                    "resolved": false,
     5594                    "integrity": "sha512-7+4oTUOWKg7AuL3vloEWekXY2/D20cevzsrNT2kGWm+39J9hGTCBv8VI5Pm5lXZ/o3/mdR4f8rflAPhnQb8mPA==",
    55475595                    "dev": true,
    55485596                    "optional": true,
    … …  
    55535601                "mkdirp": {
    55545602                    "version": "0.5.1",
    5555                     "bundled": true,
     5603                    "resolved": false,
     5604                    "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
    55565605                    "dev": true,
    55575606                    "optional": true,
    … …  
    55625611                "ms": {
    55635612                    "version": "2.1.1",
    5564                     "bundled": true,
     5613                    "resolved": false,
     5614                    "integrity": "sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==",
    55655615                    "dev": true,
    55665616                    "optional": true
    … …  
    55685618                "needle": {
    55695619                    "version": "2.3.0",
    5570                     "bundled": true,
     5620                    "resolved": false,
     5621                    "integrity": "sha512-QBZu7aAFR0522EyaXZM0FZ9GLpq6lvQ3uq8gteiDUp7wKdy0lSd2hPlgFwVuW1CBkfEs9PfDQsQzZghLs/psdg==",
    55715622                    "dev": true,
    55725623                    "optional": true,
    … …  
    55795630                "node-pre-gyp": {
    55805631                    "version": "0.12.0",
    5581                     "bundled": true,
     5632                    "resolved": false,
     5633                    "integrity": "sha512-4KghwV8vH5k+g2ylT+sLTjy5wmUOb9vPhnM8NHvRf9dHmnW/CndrFXy2aRPaPST6dugXSdHXfeaHQm77PIz/1A==",
    55825634                    "dev": true,
    55835635                    "optional": true,
    … …  
    55975649                "nopt": {
    55985650                    "version": "4.0.1",
    5599                     "bundled": true,
     5651                    "resolved": false,
     5652                    "integrity": "sha1-0NRoWv1UFRk8jHUFYC0NF81kR00=",
    56005653                    "dev": true,
    56015654                    "optional": true,
    … …  
    56075660                "npm-bundled": {
    56085661                    "version": "1.0.6",
    5609                     "bundled": true,
     5662                    "resolved": false,
     5663                    "integrity": "sha512-8/JCaftHwbd//k6y2rEWp6k1wxVfpFzB6t1p825+cUb7Ym2XQfhwIC5KwhrvzZRJu+LtDE585zVaS32+CGtf0g==",
    56105664                    "dev": true,
    56115665                    "optional": true
    … …  
    56135667                "npm-packlist": {
    56145668                    "version": "1.4.1",
    5615                     "bundled": true,
     5669                    "resolved": false,
     5670                    "integrity": "sha512-+TcdO7HJJ8peiiYhvPxsEDhF3PJFGUGRcFsGve3vxvxdcpO2Z4Z7rkosRM0kWj6LfbK/P0gu3dzk5RU1ffvFcw==",
    56165671                    "dev": true,
    56175672                    "optional": true,
    … …  
    56235678                "npmlog": {
    56245679                    "version": "4.1.2",
    5625                     "bundled": true,
     5680                    "resolved": false,
     5681                    "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
    56265682                    "dev": true,
    56275683                    "optional": true,
    … …  
    56355691                "number-is-nan": {
    56365692                    "version": "1.0.1",
    5637                     "bundled": true,
     5693                    "resolved": false,
     5694                    "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
    56385695                    "dev": true,
    56395696                    "optional": true
    … …  
    56415698                "object-assign": {
    56425699                    "version": "4.1.1",
    5643                     "bundled": true,
     5700                    "resolved": false,
     5701                    "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
    56445702                    "dev": true,
    56455703                    "optional": true
    … …  
    56475705                "once": {
    56485706                    "version": "1.4.0",
    5649                     "bundled": true,
     5707                    "resolved": false,
     5708                    "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
    56505709                    "dev": true,
    56515710                    "optional": true,
    … …  
    56565715                "os-homedir": {
    56575716                    "version": "1.0.2",
    5658                     "bundled": true,
     5717                    "resolved": false,
     5718                    "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
    56595719                    "dev": true,
    56605720                    "optional": true
    … …  
    56625722                "os-tmpdir": {
    56635723                    "version": "1.0.2",
    5664                     "bundled": true,
     5724                    "resolved": false,
     5725                    "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
    56655726                    "dev": true,
    56665727                    "optional": true
    … …  
    56685729                "osenv": {
    56695730                    "version": "0.1.5",
    5670                     "bundled": true,
     5731                    "resolved": false,
     5732                    "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
    56715733                    "dev": true,
    56725734                    "optional": true,
    … …  
    56785740                "path-is-absolute": {
    56795741                    "version": "1.0.1",
    5680                     "bundled": true,
     5742                    "resolved": false,
     5743                    "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
    56815744                    "dev": true,
    56825745                    "optional": true
    … …  
    56845747                "process-nextick-args": {
    56855748                    "version": "2.0.0",
    5686                     "bundled": true,
     5749                    "resolved": false,
     5750                    "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
    56875751                    "dev": true,
    56885752                    "optional": true
    … …  
    56905754                "rc": {
    56915755                    "version": "1.2.8",
    5692                     "bundled": true,
     5756                    "resolved": false,
     5757                    "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
    56935758                    "dev": true,
    56945759                    "optional": true,
    … …  
    57025767                        "minimist": {
    57035768                            "version": "1.2.0",
    5704                             "bundled": true,
     5769                            "resolved": false,
     5770                            "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
    57055771                            "dev": true,
    57065772                            "optional": true
    … …  
    57105776                "readable-stream": {
    57115777                    "version": "2.3.6",
    5712                     "bundled": true,
     5778                    "resolved": false,
     5779                    "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
    57135780                    "dev": true,
    57145781                    "optional": true,
    … …  
    57255792                "rimraf": {
    57265793                    "version": "2.6.3",
    5727                     "bundled": true,
     5794                    "resolved": false,
     5795                    "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
    57285796                    "dev": true,
    57295797                    "optional": true,
    … …  
    57345802                "safe-buffer": {
    57355803                    "version": "5.1.2",
    5736                     "bundled": true,
     5804                    "resolved": false,
     5805                    "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
    57375806                    "dev": true,
    57385807                    "optional": true
    … …  
    57405809                "safer-buffer": {
    57415810                    "version": "2.1.2",
    5742                     "bundled": true,
     5811                    "resolved": false,
     5812                    "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
    57435813                    "dev": true,
    57445814                    "optional": true
    … …  
    57465816                "sax": {
    57475817                    "version": "1.2.4",
    5748                     "bundled": true,
     5818                    "resolved": false,
     5819                    "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==",
    57495820                    "dev": true,
    57505821                    "optional": true
    … …  
    57525823                "semver": {
    57535824                    "version": "5.7.0",
    5754                     "bundled": true,
     5825                    "resolved": false,
     5826                    "integrity": "sha512-Ya52jSX2u7QKghxeoFGpLwCtGlt7j0oY9DYb5apt9nPlJ42ID+ulTXESnt/qAQcoSERyZ5sl3LDIOw0nAn/5DA==",
    57555827                    "dev": true,
    57565828                    "optional": true
    … …  
    57585830                "set-blocking": {
    57595831                    "version": "2.0.0",
    5760                     "bundled": true,
     5832                    "resolved": false,
     5833                    "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
    57615834                    "dev": true,
    57625835                    "optional": true
    … …  
    57645837                "signal-exit": {
    57655838                    "version": "3.0.2",
    5766                     "bundled": true,
     5839                    "resolved": false,
     5840                    "integrity": "sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0=",
    57675841                    "dev": true,
    57685842                    "optional": true
    … …  
    57705844                "string-width": {
    57715845                    "version": "1.0.2",
    5772                     "bundled": true,
     5846                    "resolved": false,
     5847                    "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
    57735848                    "dev": true,
    57745849                    "optional": true,
    … …  
    57815856                "string_decoder": {
    57825857                    "version": "1.1.1",
    5783                     "bundled": true,
     5858                    "resolved": false,
     5859                    "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
    57845860                    "dev": true,
    57855861                    "optional": true,
    … …  
    57905866                "strip-ansi": {
    57915867                    "version": "3.0.1",
    5792                     "bundled": true,
     5868                    "resolved": false,
     5869                    "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
    57935870                    "dev": true,
    57945871                    "optional": true,
    … …  
    57995876                "strip-json-comments": {
    58005877                    "version": "2.0.1",
    5801                     "bundled": true,
     5878                    "resolved": false,
     5879                    "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
    58025880                    "dev": true,
    58035881                    "optional": true
    … …  
    58055883                "tar": {
    58065884                    "version": "4.4.8",
    5807                     "bundled": true,
     5885                    "resolved": false,
     5886                    "integrity": "sha512-LzHF64s5chPQQS0IYBn9IN5h3i98c12bo4NCO7e0sGM2llXQ3p2FGC5sdENN4cTW48O915Sh+x+EXx7XW96xYQ==",
    58085887                    "dev": true,
    58095888                    "optional": true,
    … …  
    58205899                "util-deprecate": {
    58215900                    "version": "1.0.2",
    5822                     "bundled": true,
     5901                    "resolved": false,
     5902                    "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
    58235903                    "dev": true,
    58245904                    "optional": true
    … …  
    58265906                "wide-align": {
    58275907                    "version": "1.1.3",
    5828                     "bundled": true,
     5908                    "resolved": false,
     5909                    "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
    58295910                    "dev": true,
    58305911                    "optional": true,
    … …  
    58355916                "wrappy": {
    58365917                    "version": "1.0.2",
    5837                     "bundled": true,
     5918                    "resolved": false,
     5919                    "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
    58385920                    "dev": true,
    58395921                    "optional": true
    … …  
    58415923                "yallist": {
    58425924                    "version": "3.0.3",
    5843                     "bundled": true,
     5925                    "resolved": false,
     5926                    "integrity": "sha512-S+Zk8DEWE6oKpV+vI3qWkaK+jSbIK86pCwe2IF/xwIpQ8jEuxpw9NyaGjmp9+BoJv5FV2piqCDcoCtStppiq2A==",
    58445927                    "dev": true,
    58455928                    "optional": true
    … …  
    60886171        },
    60896172        "handlebars": {
    6090             "version": "4.2.0",
    6091             "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.2.0.tgz",
    6092             "integrity": "sha512-Kb4xn5Qh1cxAKvQnzNWZ512DhABzyFNmsaJf3OAkWNa4NkaqWcNI8Tao8Tasi0/F4JD9oyG0YxuFyvyR57d+Gw==",
     6173            "version": "4.4.2",
     6174            "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.4.2.tgz",
     6175            "integrity": "sha512-cIv17+GhL8pHHnRJzGu2wwcthL5sb8uDKBHvZ2Dtu5s1YNt0ljbzKbamnc+gr69y7bzwQiBdr5+hOpRd5pnOdg==",
    60936176            "dev": true,
    60946177            "requires": {
    … …  
    61006183            "dependencies": {
    61016184                "commander": {
    6102                     "version": "2.20.0",
    6103                     "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz",
    6104                     "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==",
     6185                    "version": "2.20.1",
     6186                    "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.1.tgz",
     6187                    "integrity": "sha512-cCuLsMhJeWQ/ZpsFTbE765kvVfoeSddc4nU3up4fV+fDBcfUXnbITJ+JzhkdjzOqhURjZgujxaioam4RM9yGUg==",
    61056188                    "dev": true,
    61066189                    "optional": true
    … …  
    64006483            "dev": true
    64016484        },
     6485        "import-cwd": {
     6486            "version": "2.1.0",
     6487            "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
     6488            "integrity": "sha1-qmzzbnInYShcs3HsZRn1PiQ1sKk=",
     6489            "dev": true,
     6490            "requires": {
     6491                "import-from": "^2.1.0"
     6492            }
     6493        },
    64026494        "import-fresh": {
    64036495            "version": "3.1.0",
    … …  
    64086500                "parent-module": "^1.0.0",
    64096501                "resolve-from": "^4.0.0"
     6502            }
     6503        },
     6504        "import-from": {
     6505            "version": "2.1.0",
     6506            "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
     6507            "integrity": "sha1-M1238qev/VOqpHHUuAId7ja387E=",
     6508            "dev": true,
     6509            "requires": {
     6510                "resolve-from": "^3.0.0"
     6511            },
     6512            "dependencies": {
     6513                "resolve-from": {
     6514                    "version": "3.0.0",
     6515                    "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
     6516                    "integrity": "sha1-six699nWiBvItuZTM17rywoYh0g=",
     6517                    "dev": true
     6518                }
    64106519            }
    64116520        },
    … …  
    76357744            }
    76367745        },
     7746        "jsonfile": {
     7747            "version": "4.0.0",
     7748            "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
     7749            "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
     7750            "dev": true,
     7751            "requires": {
     7752                "graceful-fs": "^4.1.6"
     7753            }
     7754        },
    76377755        "jsprim": {
    76387756            "version": "1.4.1",
    … …  
    91089226            }
    91099227        },
     9228        "postcss-cli": {
     9229            "version": "6.1.3",
     9230            "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.1.3.tgz",
     9231            "integrity": "sha512-eieqJU+OR1OFc/lQqMsDmROTJpoMZFvoAQ+82utBQ8/8qGMTfH9bBSPsTdsagYA8uvNzxHw2I2cNSSJkLAGhvw==",
     9232            "dev": true,
     9233            "requires": {
     9234                "chalk": "^2.1.0",
     9235                "chokidar": "^2.0.0",
     9236                "dependency-graph": "^0.8.0",
     9237                "fs-extra": "^7.0.0",
     9238                "get-stdin": "^6.0.0",
     9239                "globby": "^9.0.0",
     9240                "postcss": "^7.0.0",
     9241                "postcss-load-config": "^2.0.0",
     9242                "postcss-reporter": "^6.0.0",
     9243                "pretty-hrtime": "^1.0.3",
     9244                "read-cache": "^1.0.0",
     9245                "yargs": "^12.0.1"
     9246            },
     9247            "dependencies": {
     9248                "ansi-regex": {
     9249                    "version": "3.0.0",
     9250                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.0.tgz",
     9251                    "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
     9252                    "dev": true
     9253                },
     9254                "cliui": {
     9255                    "version": "4.1.0",
     9256                    "resolved": "https://registry.npmjs.org/cliui/-/cliui-4.1.0.tgz",
     9257                    "integrity": "sha512-4FG+RSG9DL7uEwRUZXZn3SS34DiDPfzP0VOiEwtUWlE+AR2EIg+hSyvrIgUUfhdgR/UkAeW2QHgeP+hWrXs7jQ==",
     9258                    "dev": true,
     9259                    "requires": {
     9260                        "string-width": "^2.1.1",
     9261                        "strip-ansi": "^4.0.0",
     9262                        "wrap-ansi": "^2.0.0"
     9263                    }
     9264                },
     9265                "find-up": {
     9266                    "version": "3.0.0",
     9267                    "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
     9268                    "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
     9269                    "dev": true,
     9270                    "requires": {
     9271                        "locate-path": "^3.0.0"
     9272                    }
     9273                },
     9274                "get-caller-file": {
     9275                    "version": "1.0.3",
     9276                    "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
     9277                    "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==",
     9278                    "dev": true
     9279                },
     9280                "is-fullwidth-code-point": {
     9281                    "version": "1.0.0",
     9282                    "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
     9283                    "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
     9284                    "dev": true,
     9285                    "requires": {
     9286                        "number-is-nan": "^1.0.0"
     9287                    }
     9288                },
     9289                "locate-path": {
     9290                    "version": "3.0.0",
     9291                    "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
     9292                    "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
     9293                    "dev": true,
     9294                    "requires": {
     9295                        "p-locate": "^3.0.0",
     9296                        "path-exists": "^3.0.0"
     9297                    }
     9298                },
     9299                "p-limit": {
     9300                    "version": "2.2.1",
     9301                    "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.1.tgz",
     9302                    "integrity": "sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==",
     9303                    "dev": true,
     9304                    "requires": {
     9305                        "p-try": "^2.0.0"
     9306                    }
     9307                },
     9308                "p-locate": {
     9309                    "version": "3.0.0",
     9310                    "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
     9311                    "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
     9312                    "dev": true,
     9313                    "requires": {
     9314                        "p-limit": "^2.0.0"
     9315                    }
     9316                },
     9317                "p-try": {
     9318                    "version": "2.2.0",
     9319                    "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
     9320                    "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
     9321                    "dev": true
     9322                },
     9323                "postcss": {
     9324                    "version": "7.0.18",
     9325                    "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.18.tgz",
     9326                    "integrity": "sha512-/7g1QXXgegpF+9GJj4iN7ChGF40sYuGYJ8WZu8DZWnmhQ/G36hfdk3q9LBJmoK+lZ+yzZ5KYpOoxq7LF1BxE8g==",
     9327                    "dev": true,
     9328                    "requires": {
     9329                        "chalk": "^2.4.2",
     9330                        "source-map": "^0.6.1",
     9331                        "supports-color": "^6.1.0"
     9332                    }
     9333                },
     9334                "require-main-filename": {
     9335                    "version": "1.0.1",
     9336                    "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-1.0.1.tgz",
     9337                    "integrity": "sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=",
     9338                    "dev": true
     9339                },
     9340                "strip-ansi": {
     9341                    "version": "4.0.0",
     9342                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
     9343                    "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
     9344                    "dev": true,
     9345                    "requires": {
     9346                        "ansi-regex": "^3.0.0"
     9347                    }
     9348                },
     9349                "supports-color": {
     9350                    "version": "6.1.0",
     9351                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
     9352                    "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
     9353                    "dev": true,
     9354                    "requires": {
     9355                        "has-flag": "^3.0.0"
     9356                    }
     9357                },
     9358                "wrap-ansi": {
     9359                    "version": "2.1.0",
     9360                    "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz",
     9361                    "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=",
     9362                    "dev": true,
     9363                    "requires": {
     9364                        "string-width": "^1.0.1",
     9365                        "strip-ansi": "^3.0.1"
     9366                    },
     9367                    "dependencies": {
     9368                        "ansi-regex": {
     9369                            "version": "2.1.1",
     9370                            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
     9371                            "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
     9372                            "dev": true
     9373                        },
     9374                        "string-width": {
     9375                            "version": "1.0.2",
     9376                            "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
     9377                            "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
     9378                            "dev": true,
     9379                            "requires": {
     9380                                "code-point-at": "^1.0.0",
     9381                                "is-fullwidth-code-point": "^1.0.0",
     9382                                "strip-ansi": "^3.0.0"
     9383                            }
     9384                        },
     9385                        "strip-ansi": {
     9386                            "version": "3.0.1",
     9387                            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
     9388                            "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
     9389                            "dev": true,
     9390                            "requires": {
     9391                                "ansi-regex": "^2.0.0"
     9392                            }
     9393                        }
     9394                    }
     9395                },
     9396                "yargs": {
     9397                    "version": "12.0.5",
     9398                    "resolved": "https://registry.npmjs.org/yargs/-/yargs-12.0.5.tgz",
     9399                    "integrity": "sha512-Lhz8TLaYnxq/2ObqHDql8dX8CJi97oHxrjUcYtzKbbykPtVW9WB+poxI+NM2UIzsMgNCZTIf0AQwsjK5yMAqZw==",
     9400                    "dev": true,
     9401                    "requires": {
     9402                        "cliui": "^4.0.0",
     9403                        "decamelize": "^1.2.0",
     9404                        "find-up": "^3.0.0",
     9405                        "get-caller-file": "^1.0.1",
     9406                        "os-locale": "^3.0.0",
     9407                        "require-directory": "^2.1.1",
     9408                        "require-main-filename": "^1.0.1",
     9409                        "set-blocking": "^2.0.0",
     9410                        "string-width": "^2.0.0",
     9411                        "which-module": "^2.0.0",
     9412                        "y18n": "^3.2.1 || ^4.0.0",
     9413                        "yargs-parser": "^11.1.1"
     9414                    }
     9415                },
     9416                "yargs-parser": {
     9417                    "version": "11.1.1",
     9418                    "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-11.1.1.tgz",
     9419                    "integrity": "sha512-C6kB/WJDiaxONLJQnF8ccx9SEeoTTLek8RVbaOIsrAUS8VrBEXfmeSnCZxygc+XC2sNMBIwOOnfcxiynjHsVSQ==",
     9420                    "dev": true,
     9421                    "requires": {
     9422                        "camelcase": "^5.0.0",
     9423                        "decamelize": "^1.2.0"
     9424                    }
     9425                }
     9426            }
     9427        },
    91109428        "postcss-html": {
    91119429            "version": "0.36.0",
    … …  
    91579475            }
    91589476        },
     9477        "postcss-load-config": {
     9478            "version": "2.1.0",
     9479            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.0.tgz",
     9480            "integrity": "sha512-4pV3JJVPLd5+RueiVVB+gFOAa7GWc25XQcMp86Zexzke69mKf6Nx9LRcQywdz7yZI9n1udOxmLuAwTBypypF8Q==",
     9481            "dev": true,
     9482            "requires": {
     9483                "cosmiconfig": "^5.0.0",
     9484                "import-cwd": "^2.0.0"
     9485            }
     9486        },
    91599487        "postcss-markdown": {
    91609488            "version": "0.36.0",
    … …  
    93479675                "react-is": "^16.8.4"
    93489676            }
     9677        },
     9678        "pretty-hrtime": {
     9679            "version": "1.0.3",
     9680            "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
     9681            "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
     9682            "dev": true
    93499683        },
    93509684        "private": {
    … …  
    96439977                "react-is": "^16.9.0",
    96449978                "scheduler": "^0.15.0"
     9979            }
     9980        },
     9981        "read-cache": {
     9982            "version": "1.0.0",
     9983            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
     9984            "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=",
     9985            "dev": true,
     9986            "requires": {
     9987                "pify": "^2.3.0"
     9988            },
     9989            "dependencies": {
     9990                "pify": {
     9991                    "version": "2.3.0",
     9992                    "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
     9993                    "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
     9994                    "dev": true
     9995                }
    96459996            }
    96469997        },
    … …  
    1114611497            }
    1114711498        },
     11499        "stylelint-a11y": {
     11500            "version": "1.2.1",
     11501            "resolved": "https://registry.npmjs.org/stylelint-a11y/-/stylelint-a11y-1.2.1.tgz",
     11502            "integrity": "sha512-yfH6ibVkfAlAt7J5ExrzpBPFCSWDTxBL9svdFZ6BfGF5hRmFgTS03x4r/rBAAaNDpgKE32CQz5qcLbgOLzuxfA==",
     11503            "dev": true
     11504        },
    1114811505        "stylelint-config-recommended": {
    1114911506            "version": "2.2.0",
    … …  
    1181812175                "unist-util-is": "^3.0.0"
    1181912176            }
     12177        },
     12178        "universalify": {
     12179            "version": "0.1.2",
     12180            "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
     12181            "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
     12182            "dev": true
    1182012183        },
    1182112184        "unpipe": {

  • trunk/src/wp-content/themes/twentytwenty/package.json

    r46357 r46445  
    1919    },
    2020    "devDependencies": {
     21        "@wordpress/browserslist-config": "^2.6.0",
    2122        "@wordpress/scripts": "^5.0.0",
     23        "autoprefixer": "^9.6.1",
    2224        "concurrently": "^4.1.2",
    23         "rtlcss": "^2.4.0"
     25        "postcss-cli": "^6.1.3",
     26        "rtlcss": "^2.4.0",
     27        "stylelint-a11y": "^1.2.1"
    2428    },
     29    "browserslist": [
     30        "extends @wordpress/browserslist-config"
     31    ],
    2532    "rtlcssConfig": {
    2633        "options": {
    … …  
    3744    },
    3845    "scripts": {
     46        "build": "npm run build:vendor-prefixes && npm run build:rtl",
    3947        "build:rtl": "concurrently \"npm run build:rtl-style\" \"npm run build:rtl-esb\" \"npm run build:rtl-esc\"",
    4048        "build:rtl-style": "rtlcss style.css style-rtl.css",
    4149        "build:rtl-esb": "rtlcss assets/css/editor-style-block.css assets/css/editor-style-block-rtl.css",
    4250        "build:rtl-esc": "rtlcss assets/css/editor-style-classic.css assets/css/editor-style-classic-rtl.css",
     51        "build:vendor-prefixes": "concurrently \"npm run build:vendor-prefixes-style\" \"npm run build:vendor-prefixes-esb\" \"npm run build:vendor-prefixes-esc\"",
     52        "build:vendor-prefixes-style": "postcss -r --no-map style.css assets/css/editor-style-block.css assets/css/editor-style-classic.css",
     53        "build:vendor-prefixes-esb": "postcss -r --no-map assets/css/editor-style-block.css ",
     54        "build:vendor-prefixes-esc": "postcss -r --no-map assets/css/editor-style-classic.css",
    4355        "lint:css": "wp-scripts lint-style 'style.css' 'assets/**/*.css'",
    4456        "lint:js": "wp-scripts lint-js 'assets/**/*.js'",

  • trunk/src/wp-content/themes/twentytwenty/readme.txt

    r46357 r46445  
    5353License: MIT License, https://opensource.org/licenses/MIT
    5454Source: https://feathericons.com
     55Used for post meta icons, and the link icon in the social menu.
    5556
    56 Font Awesome Icons
    57 Copyright (c) 2012-2019 Fonticons, Inc.
     57Socicon Icons
    5858License: SIL Open Font License, 1.1, https://opensource.org/licenses/OFL-1.1
    59 Source: https://www.fontawesome.io
     59Source: https://www.socicon.com
     60Used for all social menu icons except the link icon.
    6061
    61 Font Awesome Code
    62 Copyright (c) 2012-2019 Fonticons, Inc.
    63 License: MIT License, https://opensource.org/licenses/MIT
    64 Source: https://www.fontawesome.io
     62Code from Twenty Nineteen
     63Copyright (c) 2018 WordPress.org
     64License: GPLv2
     65Source: https://wordpress.org/themes/twentynineteen/
     66Included as part of the following classes and functions:
     67- TwentyTwenty_SVG_Icons
     68- twentytwenty_the_theme_svg()
     69- twentytwenty_get_theme_svg()
     70- twentytwenty_nav_menu_social_icons()
     71
     72Code from Twenty Seventeen
     73Copyright (c) 2016 WordPress.org
     74License: GPLv2
     75Source: https://wordpress.org/themes/twentyseventeen/
     76Included as part of the following classes and functions:
     77- twentytwenty_unique_id()

  • trunk/src/wp-content/themes/twentytwenty/searchform.php

    r46271 r46445  
    1616 * one was passed to get_search_form() in the args array.
    1717 */
    18 $unique_id  = uniqid( 'search-form-' );
    19 $aria_label = ( isset( $args['label'] ) && ! empty( $args['label'] ) ) ? 'aria-label="' . esc_attr( $args['label'] ) . '"' : '';
     18$unique_id = twentytwenty_unique_id( 'search-form-' );
     19
     20$aria_label = ! empty( $args['label'] ) ? 'aria-label="' . esc_attr( $args['label'] ) . '"' : '';
    2021?>
    2122<form role="search" <?php echo $aria_label; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- Escaped above. ?> method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    2223    <label for="<?php echo esc_attr( $unique_id ); ?>">
    23         <span class="screen-reader-text"><?php echo _x( 'Search for:', 'label', 'twentytwenty' ); // phpcs:ignore: WordPress.Security.EscapeOutput.OutputNotEscaped -- core trusts translations ?></span>
    24         <input type="search" id="<?php echo esc_attr( $unique_id ); ?>" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'twentytwenty' ); ?>" value="<?php get_search_query(); ?>" name="s" />
     24        <span class="screen-reader-text"><?php _e( 'Search for:', 'twentytwenty' ); // phpcs:ignore: WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
     25        <input type="search" id="<?php echo esc_attr( $unique_id ); ?>" class="search-field" placeholder="<?php echo esc_attr_x( 'Search &hellip;', 'placeholder', 'twentytwenty' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
    2526    </label>
    2627    <input type="submit" class="search-submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'twentytwenty' ); ?>" />

  • trunk/src/wp-content/themes/twentytwenty/singular.php

    r46357 r46445  
    2626    }
    2727
    28     get_template_part( 'template-parts/footer-menus-widgets' );
    29 
    3028    ?>
    3129
    3230</main><!-- #site-content -->
    3331
     32<?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>
     33
    3434<?php get_footer(); ?>

  • trunk/src/wp-content/themes/twentytwenty/style-rtl.css

    r46357 r46445  
    118118body {
    119119    background: #f5efe0;
    120     -webkit-box-sizing: border-box;
    121     -moz-box-sizing: border-box;
    122120    box-sizing: border-box;
    123121    color: #000;
    … …  
    138136*::before,
    139137*::after {
    140     -webkit-box-sizing: inherit;
    141     -moz-box-sizing: inherit;
    142138    box-sizing: inherit;
    143139    -webkit-font-smoothing: antialiased;
    … …  
    179175    border: 0;
    180176    clip: rect(1px, 1px, 1px, 1px);
     177    -webkit-clip-path: inset(50%);
    181178    clip-path: inset(50%);
    182179    height: 1px;
    … …  
    194191    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    195192    clip: auto !important;
     193    -webkit-clip-path: none;
    196194    clip-path: none;
    197195    color: #21759b;
    … …  
    238236/*
    239237 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    240  * This results in a jumping cursor when typing in both the Classic and block
    241  * editors. The following font-face override fixes the issue by manually
     238 * This results in a jumping cursor when typing in both the classic editor and
     239 * block editor. The following font-face override fixes the issue by manually
    242240 * inserting a custom font that includes just a Hoefler Text space replacement
    243241 * for that character instead.
    … …  
    712710textarea {
    713711    border-color: #dcd7ca;
     712    color: #000;
    714713}
    715714
    … …  
    743742    border-width: 0.1rem;
    744743    box-shadow: none;
    745     color: inherit;
    746744    display: block;
    747745    font-size: 1.6rem;
    … …  
    851849    margin: 0;
    852850    overflow: visible;
    853     padding: 2.5%;
     851    padding: 0.5em;
    854852}
    855853
    … …  
    857855    background: #dcd7ca;
    858856    font-weight: 600;
    859     padding: 2.5%;
     857    padding: 0.5em;
    860858    text-align: center;
    861859}
    … …  
    10051003    -webkit-touch-callout: none;
    10061004    -webkit-user-select: none;
    1007     -khtml-user-select: none;
    10081005    -moz-user-select: none;
    10091006    -ms-user-select: none;
    … …  
    11271124.opacity-90 {
    11281125    opacity: 0.9;
     1126}
     1127
     1128.blend-mode-exclusion {
     1129    mix-blend-mode: exclusion;
     1130}
     1131
     1132.blend-mode-hue {
     1133    mix-blend-mode: hue;
     1134}
     1135
     1136.blend-mode-saturation {
     1137    mix-blend-mode: saturation;
     1138}
     1139
     1140.blend-mode-color {
     1141    mix-blend-mode: color;
     1142}
     1143
     1144.blend-mode-luminosity {
     1145    mix-blend-mode: luminosity;
    11291146}
    11301147
    … …  
    11871204}
    11881205
     1206.search-form .search-submit:focus,
     1207.search-form .search-submit:hover {
     1208    text-decoration: none;
     1209}
     1210
    11891211
    11901212/* Social Icons ------------------------------ */
    … …  
    11931215    display: flex;
    11941216    flex-wrap: wrap;
    1195     margin: -1rem -1rem 0 0;
     1217    margin: -0.9rem -0.9rem 0 0;
     1218    width: calc(100% + 0.9rem);
    11961219}
    11971220
    11981221ul.social-icons li {
    1199     margin: 1rem 1rem 0 0;
     1222    margin: 0.9rem 0.9rem 0 0;
    12001223}
    12011224
    … …  
    12201243}
    12211244
    1222 .social-icons a::before {
    1223     content: "\e805";
    1224     display: block;
    1225     font-family: "Font Awesome 5";
    1226     font-size: 2rem;
    1227 }
    1228 
    1229 /* NON-BRAND ICONS */
    1230 
    1231 .s-icons a[href*="mailto"]::before {
    1232     content: "\f0e0";
    1233 }
    1234 
    1235 .s-icons a[href*="/feed/"]::before,
    1236 .s-icons a[href*="rss"]::before {
    1237     content: "\f09e";
    1238 }
    1239 
    1240 /* BRAND ICONS */
    1241 
    1242 .s-icons a[href*="500px.com"]::before {
    1243     content: "\f26e";
    1244     font-family: "Font Awesome 5 Brands";
    1245 }
    1246 
    1247 .s-icons a[href*="amazon.com"]::before {
    1248     content: "\f270";
    1249     font-family: "Font Awesome 5 Brands";
    1250 }
    1251 
    1252 .s-icons a[href*="angel.co"]::before {
    1253     content: "\f209";
    1254     font-family: "Font Awesome 5 Brands";
    1255 }
    1256 
    1257 .s-icons a[href*="audible.com"]::before {
    1258     content: "\f373";
    1259     font-family: "Font Awesome 5 Brands";
    1260 }
    1261 
    1262 .s-icons a[href*="behance.net"]::before {
    1263     content: "\f1b4";
    1264     font-family: "Font Awesome 5 Brands";
    1265 }
    1266 
    1267 .s-icons a[href*="blogger.com"]::before {
    1268     content: "\f37d";
    1269     font-family: "Font Awesome 5 Brands";
    1270 }
    1271 
    1272 .s-icons a[href*="codepen.io"]::before {
    1273     content: "\f1cb";
    1274     font-family: "Font Awesome 5 Brands";
    1275 }
    1276 
    1277 .s-icons a[href*="creativecommons.com"]::before {
    1278     content: "\f25e";
    1279     font-family: "Font Awesome 5 Brands";
    1280 }
    1281 
    1282 .s-icons a[href*="deviantart.com"]::before {
    1283     content: "\f1bd";
    1284     font-family: "Font Awesome 5 Brands";
    1285 }
    1286 
    1287 .s-icons a[href*="digg.com"]::before {
    1288     content: "\f1a6";
    1289     font-family: "Font Awesome 5 Brands";
    1290 }
    1291 
    1292 .s-icons a[href*="discordapp.com"]::before {
    1293     content: "\f392";
    1294     font-family: "Font Awesome 5 Brands";
    1295 }
    1296 
    1297 .s-icons a[href*="dribbble.com"]::before {
    1298     content: "\f17d";
    1299     font-family: "Font Awesome 5 Brands";
    1300 }
    1301 
    1302 .s-icons a[href*="ebay"]::before {
    1303     content: "\f4f4";
    1304     font-family: "Font Awesome 5 Brands";
    1305 }
    1306 
    1307 .s-icons a[href*="etsy.com"]::before {
    1308     content: "\f2d7";
    1309     font-family: "Font Awesome 5 Brands";
    1310 }
    1311 
    1312 .s-icons a[href*="facebook.com"]::before {
    1313     content: "\f39e";
    1314     font-family: "Font Awesome 5 Brands";
    1315 }
    1316 
    1317 .s-icons a[href*="flickr.com"]::before {
    1318     content: "\f16e";
    1319     font-family: "Font Awesome 5 Brands";
    1320 }
    1321 
    1322 .s-icons a[href*="github.com"]::before {
    1323     content: "\f113";
    1324     font-family: "Font Awesome 5 Brands";
    1325 }
    1326 
    1327 .s-icons a[href*="gitlab.com"]::before {
    1328     content: "\f296";
    1329     font-family: "Font Awesome 5 Brands";
    1330 }
    1331 
    1332 .s-icons a[href*="goodreads.com"]::before {
    1333     content: "\f3a9";
    1334     font-family: "Font Awesome 5 Brands";
    1335 }
    1336 
    1337 .s-icons a[href*="houzz"]::before {
    1338     content: "\f27c";
    1339     font-family: "Font Awesome 5 Brands";
    1340 }
    1341 
    1342 .s-icons a[href*="imdb.com"]::before {
    1343     content: "\f2d8";
    1344     font-family: "Font Awesome 5 Brands";
    1345 }
    1346 
    1347 .s-icons a[href*="instagram.com"]::before {
    1348     content: "\f16d";
    1349     font-family: "Font Awesome 5 Brands";
    1350 }
    1351 
    1352 .s-icons a[href*="kickstarter.com"]::before {
    1353     content: "\f3bc";
    1354     font-family: "Font Awesome 5 Brands";
    1355 }
    1356 
    1357 .s-icons a[href*="jsfiddle.net"]::before {
    1358     content: "\f1cc";
    1359     font-family: "Font Awesome 5 Brands";
    1360 }
    1361 
    1362 .s-icons a[href*="linkedin.com"]::before {
    1363     content: "\f0e1";
    1364     font-family: "Font Awesome 5 Brands";
    1365 }
    1366 
    1367 .s-icons a[href*="last.fm"]::before {
    1368     content: "\f202";
    1369     font-family: "Font Awesome 5 Brands";
    1370 }
    1371 
    1372 .s-icons a[href*="medium.com"]::before {
    1373     content: "\f3c7";
    1374     font-family: "Font Awesome 5 Brands";
    1375 }
    1376 
    1377 .s-icons a[href*="meetup.com"]::before {
    1378     content: "\f2e0";
    1379     font-family: "Font Awesome 5 Brands";
    1380 }
    1381 
    1382 .s-icons a[href*="mixcloud.com"]::before {
    1383     content: "\f289";
    1384     font-family: "Font Awesome 5 Brands";
    1385 }
    1386 
    1387 .s-icons a[href*="patreon.com"]::before {
    1388     content: "\f3d9";
    1389     font-family: "Font Awesome 5 Brands";
    1390 }
    1391 
    1392 .s-icons a[href*="pscp.tv"]::before {
    1393     content: "\f3da";
    1394     font-family: "Font Awesome 5 Brands";
    1395 }
    1396 
    1397 .s-icons a[href*="pinterest"]::before {
    1398     content: "\f231";
    1399     font-family: "Font Awesome 5 Brands";
    1400 }
    1401 
    1402 .s-icons a[href*="play.google.com"]::before {
    1403     content: "\f3ab";
    1404     font-family: "Font Awesome 5 Brands";
    1405 }
    1406 
    1407 .s-icons a[href*="plus.google.com"]::before {
    1408     content: "\f0d5";
    1409     font-family: "Font Awesome 5 Brands";
    1410 }
    1411 
    1412 .s-icons a[href*="producthunt.com"]::before {
    1413     content: "\f288";
    1414     font-family: "Font Awesome 5 Brands";
    1415 }
    1416 
    1417 .s-icons a[href*="quora.com"]::before {
    1418     content: "\f2c4";
    1419     font-family: "Font Awesome 5 Brands";
    1420 }
    1421 
    1422 .s-icons a[href*="reddit.com"]::before {
    1423     content: "\f281";
    1424     font-family: "Font Awesome 5 Brands";
    1425 }
    1426 
    1427 .s-icons a[href*="slack.com"]::before {
    1428     content: "\f198";
    1429     font-family: "Font Awesome 5 Brands";
    1430 }
    1431 
    1432 .s-icons a[href*="soundcloud.com"]::before {
    1433     content: "\f1be";
    1434     font-family: "Font Awesome 5 Brands";
    1435 }
    1436 
    1437 .s-icons a[href*="spotify.com"]::before {
    1438     content: "\f1bc";
    1439     font-family: "Font Awesome 5 Brands";
    1440 }
    1441 
    1442 .s-icons a[href*="tumblr.com"]::before {
    1443     content: "\f173";
    1444     font-family: "Font Awesome 5 Brands";
    1445 }
    1446 
    1447 .s-icons a[href*="twitch"]::before {
    1448     content: "\f1e8";
    1449     font-family: "Font Awesome 5 Brands";
    1450 }
    1451 
    1452 .s-icons a[href*="twitter.com"]::before {
    1453     content: "\f099";
    1454     font-family: "Font Awesome 5 Brands";
    1455 }
    1456 
    1457 .s-icons a[href*="vimeo.com"]::before {
    1458     content: "\f27d";
    1459     font-family: "Font Awesome 5 Brands";
    1460 }
    1461 
    1462 .s-icons a[href*="wordpress.org"]::before,
    1463 .s-icons a[href*="wordpress.com"]::before {
    1464     content: "\f411";
    1465     font-family: "Font Awesome 5 Brands";
    1466 }
    1467 
    1468 .s-icons a[href*="youtube.com"]::before {
    1469     content: "\f167";
    1470     font-family: "Font Awesome 5 Brands";
    1471 }
    1472 
    14731245
    14741246/* Cover Modals ------------------------------ */
    … …  
    16471419
    16481420.toggle-icon {
     1421    display: block;
    16491422    overflow: hidden;
    16501423}
    … …  
    16561429    position: absolute;
    16571430    top: calc(100% + 0.5rem);
    1658     width: 10rem;
     1431    width: auto;
     1432    white-space: nowrap;
    16591433    word-break: break-all;
    16601434}
    … …  
    22131987    display: flex;
    22141988    justify-content: space-between;
     1989    max-width: 168rem;
    22151990}
    22161991
    … …  
    22592034
    22602035.search-modal form {
     2036    margin: 0;
    22612037    position: relative;
    22622038    width: 100%;
    … …  
    22712047    letter-spacing: -0.0277em;
    22722048    height: 8.4rem;
    2273     padding: 0;
    2274     width: 100%;
     2049    margin: 0 -2rem 0 0;
     2050    max-width: calc(100% + 2rem);
     2051    padding: 0 2rem 0 0;
     2052    width: calc(100% + 2rem);
    22752053}
    22762054
    … …  
    23132091.cover-header-inner-wrapper {
    23142092    display: flex;
     2093    position: relative;
    23152094    flex-direction: column;
    23162095    justify-content: flex-end;
    … …  
    24452224/* Posts ------------------------------------- */
    24462225
    2447 body:not(.singular) main article:first-of-type {
     2226body:not(.singular) main > article:first-of-type {
    24482227    padding: 4rem 0 0;
    24492228}
    … …  
    27972576.has-accent-background-color {
    27982577    background-color: #cd2653;
     2578}
     2579
     2580.has-primary-color {
     2581    color: #000;
     2582}
     2583
     2584.has-primary-background-color {
     2585    background-color: #000;
     2586}
     2587
     2588.has-secondary-color {
     2589    color: #6d6d6d;
     2590}
     2591
     2592.has-secondary-background-color {
     2593    background-color: #6d6d6d;
     2594}
     2595
     2596.has-subtle-background-color {
     2597    color: #dcd7ca;
     2598}
     2599
     2600.has-subtle-background-background-color {
     2601    background-color: #dcd7ca;
     2602}
     2603
     2604.has-background-color {
     2605    color: #f5efe0;
     2606}
     2607
     2608.has-background-background-color {
     2609    background-color: #f5efe0;
    27992610}
    28002611
    … …  
    28882699/* Block: Base Margins ----------------------- */
    28892700
    2890 .wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
    2891 .wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
     2701*[class*="_inner-container"] > *:first-child {
     2702    margin-top: 0;
     2703}
     2704
     2705*[class*="_inner-container"] > *:last-child {
     2706    margin-bottom: 0;
     2707}
     2708
     2709.wp-block-archives,
     2710.wp-block-categories,
    28922711.wp-block-code,
    2893 .wp-block-columns:not(.alignwide):not(.alignfull),
    2894 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    2895 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    2896 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    2897 .wp-block-group:not(.alignwide):not(.alignfull),
    2898 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
    2899 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
    2900 .wp-block-media-text:not(.alignwide):not(.alignfull),
     2712.wp-block-columns,
     2713.wp-block-cover,
     2714.wp-block-embed,
     2715.wp-block-gallery,
     2716.wp-block-group,
     2717.wp-block-latest-comments,
     2718.wp-block-latest-posts,
     2719.wp-block-media-text,
    29012720.wp-block-preformatted,
    2902 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
     2721.wp-block-pullquote,
    29032722.wp-block-quote,
    29042723.wp-block-quote.is-large,
    29052724.wp-block-quote.is-style-large,
    29062725.wp-block-verse,
    2907 .wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
     2726.wp-block-video {
    29082727    margin-bottom: 3rem;
    29092728    margin-top: 3rem;
    … …  
    29112730
    29122731
     2732/* Block: Shared Nesting Alignment Resets ---- */
     2733
     2734[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
     2735[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
     2736    margin-right: auto;
     2737    margin-left: auto;
     2738    max-width: 58rem;
     2739}
     2740
     2741
    29132742/* Block: Shared Widget Styles --------------- */
    29142743
    29152744.wp-block-archives,
    29162745.wp-block-categories,
    2917 .wp-block-gallery ul,
    29182746.wp-block-latest-posts,
    29192747.wp-block-latest-comments {
    … …  
    30202848/* Block: Columns ---------------------------- */
    30212849
     2850.wp-block-column {
     2851    margin-bottom: 3.2rem;
     2852}
     2853
    30222854.wp-block-column > *:first-child {
    30232855    margin-top: 0;
    … …  
    30302862/* Block: Cover ------------------------------ */
    30312863
    3032 .entry-content .wp-block-cover p {
    3033     font-family: inherit;
     2864.wp-block-cover-image .wp-block-cover__inner-container,
     2865.wp-block-cover .wp-block-cover__inner-container {
     2866    width: calc(100% - 4rem);
     2867    padding: 2rem 0;
     2868}
     2869
     2870.wp-block-cover-image .wp-block-cover-image-text,
     2871.wp-block-cover-image .wp-block-cover-text,
     2872.wp-block-cover-image h2,
     2873.wp-block-cover .wp-block-cover-image-text,
     2874.wp-block-cover .wp-block-cover-text,
     2875.wp-block-cover h2 {
     2876    max-width: 100%;
     2877    padding: 0;
     2878}
     2879
     2880.wp-block-cover-image h2,
     2881.wp-block-cover h2 {
     2882    font-size: 3.2rem;
    30342883}
    30352884
    … …  
    30822931}
    30832932
     2933.wp-block-gallery ul {
     2934    list-style: none;
     2935    margin: 0 0 -1.6rem 0;
     2936}
     2937
     2938figure.wp-block-gallery.alignnone,
     2939figure.wp-block-gallery.aligncenter {
     2940    margin-bottom: 3rem;
     2941    margin-top: 3rem;
     2942}
     2943
     2944figure.wp-block-gallery.alignleft {
     2945    margin: 0.3rem 0 2rem 2rem;
     2946}
     2947
     2948figure.wp-block-gallery.alignright {
     2949    margin: 0.3rem 2rem 2rem 0;
     2950}
     2951
     2952figure.wp-block-gallery.alignwide {
     2953    margin-bottom: 4rem;
     2954    margin-top: 4rem;
     2955}
     2956
     2957figure.wp-block-gallery.alignfull {
     2958    margin-bottom: 5rem;
     2959    margin-top: 5rem;
     2960}
     2961
    30842962/* Block: Group ------------------------------ */
    30852963
    30862964.wp-block-group.has-background {
    30872965    padding: 2rem;
    3088 }
    3089 
    3090 .wp-block-group__inner-container > *:first-child {
    3091     margin-top: 0;
    3092 }
    3093 
    3094 .wp-block-group__inner-container > *:last-child {
    3095     margin-bottom: 0;
    30962966}
    30972967
    … …  
    31503020}
    31513021
     3022.reduced-spacing .wp-block-pullquote::before {
     3023    border: 0.1rem solid currentColor;
     3024    font-size: 5.9rem;
     3025}
     3026
    31523027.wp-block-pullquote blockquote {
    31533028    border: none;
    … …  
    33013176}
    33023177
    3303 /* STYLE: DEFAULT */
    3304 
    33053178/* STYLE: LARGE */
    33063179
    … …  
    33143187.wp-block-quote.is-style-large p {
    33153188    font-family: inherit;
     3189    font-size: 2.4rem;
    33163190    font-style: normal;
    33173191    font-weight: 700;
    3318     letter-spacing: -0.035714286em;
    3319     line-height: 1.285714286;
     3192    letter-spacing: -0.02em;
     3193    line-height: 1.285;
    33203194}
    33213195
    … …  
    33983272    line-height: 1.5;
    33993273    max-width: 58rem;
    3400 }
    3401 
    3402 .entry-content > * {
    3403     margin-bottom: 1.25em;
    34043274}
    34053275
    … …  
    34743344.aligncenter,
    34753345.alignleft,
    3476 .alignright,
    3477 .alignwide,
    3478 .alignfull {
     3346.alignright {
    34793347    margin: 3rem 0;
    3480 }
    3481 
    3482 .alignnone,
     3348    max-width: 100%;
     3349}
     3350
    34833351.aligncenter,
     3352.aligncenter img {
     3353    margin-right: auto;
     3354    margin-left: auto;
     3355}
     3356
    34843357.alignleft,
    34853358.alignright {
    3486     max-width: 100%;
     3359    max-width: 50%;
     3360}
     3361
     3362.alignleft {
     3363    float: left;
     3364    margin: 0.3rem 0 2rem 2rem;
     3365}
     3366
     3367.alignright {
     3368    float: right;
     3369    margin: 0.3rem 2rem 2rem 0;
     3370}
     3371
     3372.alignwide {
     3373    margin: 4rem auto;
     3374    max-width: 120rem;
     3375}
     3376
     3377.entry-content > .alignwide {
     3378    max-width: calc(100vw - 4rem);
     3379    position: relative;
     3380    right: calc(50% - 50vw + 2rem);
     3381    width: calc(100vw - 4rem);
    34873382}
    34883383
    34893384.alignfull {
    34903385    margin: 5rem 0;
     3386}
     3387
     3388.entry-content > .alignfull {
    34913389    max-width: 100vw;
    34923390    position: relative;
    … …  
    34953393}
    34963394
    3497 .alignwide {
    3498     max-width: calc(100vw - 4rem);
    3499     position: relative;
    3500     right: calc(50% - 50vw + 2rem);
    3501     width: calc(100vw - 4rem);
    3502 }
    3503 
    3504 .aligncenter,
    3505 .aligncenter img {
    3506     margin-right: auto;
    3507     margin-left: auto;
    3508 }
    3509 
    3510 .alignleft,
    3511 .alignright {
    3512     max-width: 50%;
    3513 }
    3514 
    3515 .alignleft {
    3516     float: right;
    3517     margin: 0.3rem 0 2rem 2rem;
    3518 }
    3519 
    3520 .alignright {
    3521     float: left;
    3522     margin: 0.3rem 2rem 2rem 0;
    3523 }
    3524 
    35253395
    35263396/* Entry Media ------------------------------- */
    35273397
    3528 .alignfull figcaption,
    3529 .alignfull .wp-caption-text {
     3398.alignfull > figcaption,
     3399.alignfull > .wp-caption-text {
    35303400    margin-right: auto;
    35313401    margin-left: auto;
    … …  
    36443514
    36453515/* COMMENT CONTENT */
    3646 .comment-content > *:first-child {
    3647     margin-top: 0;
    3648 }
    3649 
    3650 .comment-content > *:last-child {
    3651     margin-bottom: 0;
    3652 }
    3653 
    3654 .comment-content p,
    3655 .comment-content ol,
    3656 .comment-content ul,
    3657 .comment-content dl,
    3658 .comment-content dt {
    3659     font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
    3660     letter-spacing: normal;
    3661 }
    3662 
    3663 .comment-content cite,
    3664 .comment-content figcaption,
    3665 .comment-content .wp-caption-text {
    3666     font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    3667 }
    3668 
    3669 @supports ( font-variation-settings: normal ) {
    3670 
    3671     .comment-content cite,
    3672     .comment-content figcaption,
    3673     .comment-content .wp-caption-text {
    3674         font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    3675     }
    3676 }
    3677 
    3678 .comment-content h1 {
    3679     font-size: 2em;
    3680 }
    3681 
    3682 .comment-content h2 {
    3683     font-size: 1.8em;
    3684 }
    3685 
    3686 .comment-content h3 {
    3687     font-size: 1.6em;
    3688 }
    3689 
    3690 .comment-content h4 {
    3691     font-size: 1.4em;
    3692 }
    3693 
    3694 .comment-content h5 {
    3695     font-size: 1.2em;
    3696 }
    3697 
    3698 .comment-content h6 {
    3699     font-size: 1em;
     3516
     3517.comment-content.entry-content .alignleft {
     3518    margin-right: 0;
     3519}
     3520
     3521.comment-content.entry-content .alignright {
     3522    margin-left: 0;
     3523}
     3524
     3525.comment-content.entry-content > .alignwide,
     3526.comment-content.entry-content > .alignfull {
     3527    right: auto;
     3528    max-width: 100%;
     3529    width: auto;
    37003530}
    37013531
    … …  
    41834013/* Widget: RSS ------------------------------- */
    41844014
    4185 .widget_rss .rss-widget-icon {
     4015.widget_rss a.rsswidget:first-of-type {
    41864016    display: none;
    41874017}
    … …  
    42404070#site-footer {
    42414071    background-color: #fff;
     4072    border-color: #dedfdf;
     4073    border-style: solid;
     4074    border-width: 0;
    42424075}
    42434076
    … …  
    42494082.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
    42504083.reduced-spacing.footer-top-hidden #site-footer {
    4251     border-top: 0.1rem solid #dedfdf;
     4084    border-top-width: 0.1rem;
    42524085}
    42534086
    … …  
    42924125
    42934126.footer-social-wrapper {
     4127    margin: 0;
     4128    width: 100%;
     4129}
     4130
     4131.has-footer-menu .footer-social-wrapper {
    42944132    flex-shrink: 0;
    42954133    margin-right: 1rem;
    … …  
    42994137ul.footer-social {
    43004138    margin: -0.5rem -0.5rem 0 0;
     4139}
     4140
     4141.has-footer-menu .footer-social {
    43014142    justify-content: flex-end;
    43024143}
    … …  
    43834224@media ( max-width: 479px ) {
    43844225
    4385     /* Lists ------------------------------------- */
     4226    /* Blocks -------------------------------- */
     4227
     4228    .wp-block-pullquote.alignleft,
     4229    .wp-block-pullquote.alignright {
     4230        float: none;
     4231        margin: 3rem 0;
     4232    }
     4233
     4234    .wp-block-pullquote.alignleft:first-child,
     4235    .wp-block-pullquote.alignright:first-child {
     4236        margin-top: 0;
     4237    }
     4238
     4239    .wp-block-pullquote.alignleft:last-child,
     4240    .wp-block-pullquote.alignright:last-child {
     4241        margin-bottom: 0;
     4242    }
     4243
     4244    /* Entry Content ------------------------- */
     4245
     4246    /* LISTS */
    43864247
    43874248    ul,
    … …  
    44224283        max-width: 26rem;
    44234284    }
    4424 
    4425     .alignleft {
    4426         float: right;
    4427     }
    4428 
    4429     .alignright {
    4430         float: left;
     4285}
     4286
     4287@media ( max-width: 599px ) {
     4288
     4289    /* Blocks -------------------------------- */
     4290
     4291    /* BLOCK: COLUMNS */
     4292
     4293    /* While columns are stacked */
     4294    .wp-block-column:last-child {
     4295        margin-bottom: 0;
     4296    }
     4297
     4298    .wp-block-columns + .wp-block-columns {
     4299        margin-top: 0.2rem;
     4300    }
     4301
     4302    .wp-block-columns.alignwide + .wp-block-columns.alignwide {
     4303        margin-top: -0.8rem;
     4304    }
     4305
     4306    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4307        margin-top: -1.8rem;
     4308    }
     4309
     4310}
     4311
     4312@media ( min-width: 600px ) {
     4313
     4314    /* Blocks -------------------------------- */
     4315
     4316    /* BLOCK: COLUMNS */
     4317
     4318    .wp-block-columns.alignwide + .wp-block-columns.alignwide,
     4319    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4320        margin-top: -4rem;
     4321    }
     4322
     4323}
     4324
     4325@media ( max-width: 599px ) {
     4326
     4327    /* Blocks -------------------------------- */
     4328
     4329    /* BLOCK: COLUMNS */
     4330
     4331    .alignfull .wp-block-column > p:not(.has-background-color),
     4332    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4333        max-width: calc(100% - 4rem);
     4334        margin: auto;
     4335    }
     4336}
     4337
     4338@media ( min-width: 600px ) {
     4339
     4340    /* Blocks -------------------------------- */
     4341
     4342    /* BLOCK: COLUMNS */
     4343
     4344    .alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
     4345    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4346        padding-right: 2rem;
     4347    }
     4348
     4349    .alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
     4350    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4351        padding-left: 2rem;
    44314352    }
    44324353}
    … …  
    44344355@media ( min-width: 660px ) {
    44354356
     4357    /* Blocks -------------------------------- */
     4358
     4359    /* BLOCK: GALLERY */
     4360
     4361    figure.wp-block-gallery.alignleft {
     4362        margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
     4363    }
     4364
     4365    figure.wp-block-gallery.alignright {
     4366        margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
     4367    }
     4368
    44364369    /* Entry Content ------------------------- */
    44374370
    44384371    /* ALIGNMENT CLASSES */
    44394372
    4440     .entry-content > .alignleft,
    4441     .entry-content > p .alignleft,
    4442     .entry-content > .wp-block-image .alignleft {
     4373    .entry-content .alignleft {
     4374        margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
     4375    }
     4376
     4377    .entry-content .alignright {
    44434378        margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
    4444     }
    4445 
    4446     .entry-content > .alignright,
    4447     .entry-content > p .alignright,
    4448     .entry-content > .wp-block-image .alignright {
    4449         margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
    44504379    }
    44514380
    … …  
    46614590
    46624591    .modal-menu ul li {
    4663         border-right-width: 0;
    4664     }
    4665 
    4666     .modal-menu ul a {
    4667         padding-right: 2.5rem;
    4668     }
    4669 
    4670     .modal-menu ul ul a {
    4671         padding-right: 5rem;
    4672     }
    4673 
    4674     .modal-menu ul ul ul a {
    4675         padding-right: 7.5rem;
    4676     }
    4677 
    4678     .modal-menu ul ul ul ul a {
    4679         padding-right: 10rem;
     4592        border-right-color: transparent;
    46804593    }
    46814594
    … …  
    47664679    }
    47674680
    4768     body:not(.singular) main article:first-of-type {
     4681    body:not(.singular) main > article:first-of-type {
    47694682        padding: 8rem 0 0;
    47704683    }
    … …  
    49074820    /* BLOCK: BASE MARGINS */
    49084821
    4909     .wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
    4910     .wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
     4822    .wp-block-archives,
     4823    .wp-block-categories,
    49114824    .wp-block-code,
    4912     .wp-block-columns:not(.alignwide):not(.alignfull),
    4913     .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    4914     .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    4915     .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    4916     .wp-block-group:not(.alignwide):not(.alignfull),
    4917     .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
    4918     .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
    4919     .wp-block-media-text:not(.alignwide):not(.alignfull),
     4825    .wp-block-columns,
     4826    .wp-block-cover,
     4827    .wp-block-embed,
     4828    .wp-block-gallery,
     4829    .wp-block-group,
     4830    .wp-block-latest-comments,
     4831    .wp-block-latest-posts,
     4832    .wp-block-media-text,
    49204833    .wp-block-preformatted,
    4921     .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
     4834    .wp-block-pullquote,
    49224835    .wp-block-quote,
    49234836    .wp-block-quote.is-large,
    49244837    .wp-block-quote.is-style-large,
    49254838    .wp-block-verse,
    4926     .wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
     4839    .wp-block-video {
    49274840        margin-bottom: 5rem;
    49284841        margin-top: 5rem;
    … …  
    49334846    .wp-block-columns.alignwide + .wp-block-columns.alignwide,
    49344847    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    4935         margin-top: -2rem;
     4848        margin-top: -6rem;
    49364849    }
    49374850
    … …  
    49454858    }
    49464859
     4860    /* BLOCK: COVER */
     4861
     4862    .wp-block-cover-image .wp-block-cover__inner-container,
     4863    .wp-block-cover .wp-block-cover__inner-container {
     4864        width: calc(100% - 8rem);
     4865    }
     4866
     4867    .wp-block-cover-image h2,
     4868    .wp-block-cover h2 {
     4869        font-size: 4.8rem;
     4870    }
     4871
     4872    /* BLOCK: GALLERY */
     4873
     4874    figure.wp-block-gallery.alignnone,
     4875    figure.wp-block-gallery.aligncenter {
     4876        margin-bottom: 4rem;
     4877        margin-top: 4rem;
     4878    }
     4879
     4880    figure.wp-block-gallery.alignwide,
     4881    figure.wp-block-gallery.alignfull {
     4882        margin-bottom: 6rem;
     4883        margin-top: 6rem;
     4884    }
     4885
    49474886    /* BLOCK: GROUP */
    49484887
    … …  
    50044943    }
    50054944
     4945    /* BLOCK: QUOTE */
     4946
     4947    .wp-block-quote.is-large p,
     4948    .wp-block-quote.is-style-large p {
     4949        font-size: 2.8rem;
     4950    }
     4951
    50064952    /* BLOCK: SEPARATOR */
    50074953
    … …  
    50534999    }
    50545000
    5055     .alignwide {
     5001    .entry-content > .alignwide {
    50565002        max-width: calc(100vw - 8rem);
    50575003        right: calc(50% - 50vw + 4rem);
    … …  
    50615007    /* ENTRY MEDIA */
    50625008
    5063     .alignfull figcaption,
    5064     .alignfull .wp-caption-text {
     5009    .alignfull > figcaption,
     5010    .alignfull > .wp-caption-text {
    50655011        width: calc(100% - 8rem);
    50665012    }
    … …  
    50885034    .comments .review {
    50895035        padding-top: 5rem;
    5090     }
    5091 
    5092     .comment-content {
    5093         font-size: 2.1rem;
    50945036    }
    50955037
    … …  
    52225164    }
    52235165
    5224     .footer-social-wrapper {
     5166    .has-footer-menu .footer-social-wrapper {
     5167        flex: 1;
    52255168        margin-right: 4rem;
    52265169        width: auto;
    … …  
    52865229    }
    52875230
     5231}
     5232
     5233@media (min-width: 782px) {
     5234
     5235    /* Blocks -------------------------------- */
     5236
     5237    /* BLOCK: COLUMNS */
     5238
     5239    .alignfull .wp-block-column:first-child > p,
     5240    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     5241        padding-right: 2rem;
     5242    }
     5243
     5244    .alignfull .wp-block-column:last-child > p,
     5245    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     5246        padding-left: 2rem;
     5247    }
    52885248}
    52895249
    … …  
    54125372    }
    54135373
     5374    .header-toggles:only-child .nav-toggle .toggle-inner {
     5375        padding-top: 0;
     5376    }
     5377
     5378    .header-toggles:only-child .toggle-inner {
     5379        display: flex;
     5380        flex-wrap: nowrap;
     5381        align-items: center;
     5382    }
     5383
     5384    .header-toggles:only-child .toggle-inner .svg-icon {
     5385        order: 1;
     5386    }
     5387
     5388    .header-toggles:only-child .toggle-inner .toggle-text {
     5389        position: static;
     5390        padding-left: 20px;
     5391        font-size: 15px;
     5392        color: inherit;
     5393    }
     5394
    54145395    /* Menu Modal ---------------------------- */
    54155396
    … …  
    54895470    .wp-block-columns.alignwide + .wp-block-columns.alignwide,
    54905471    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    5491         margin-top: -4rem;
     5472        margin-top: -5.2rem;
     5473    }
     5474
     5475    /* BLOCK: GALLERY */
     5476
     5477    figure.wp-block-gallery.alignwide,
     5478    figure.wp-block-gallery.alignfull {
     5479        margin-bottom: 8rem;
     5480        margin-top: 8rem;
    54925481    }
    54935482
    … …  
    55175506    /* ENTRY MEDIA */
    55185507
    5519     .alignfull figcaption,
    5520     .alignfull .wp-caption-text {
     5508    .alignfull > figcaption,
     5509    .alignfull > .wp-caption-text {
    55215510        width: calc(100% - 10rem);
    55225511    }
    … …  
    56505639    }
    56515640
     5641    /* BLOCK: GALLERY */
     5642
     5643    figure.wp-block-gallery.alignfull {
     5644        margin-bottom: 10rem;
     5645        margin-top: 10rem;
     5646    }
     5647
    56525648    /* BLOCK: GROUP */
    56535649
    … …  
    57535749    /* Blocks -------------------------------- */
    57545750
     5751    /* BLOCK: GALLERY */
     5752
     5753    figure.wp-block-gallery.alignleft {
     5754        margin-left: -31rem;
     5755    }
     5756
     5757    figure.wp-block-gallery.alignright {
     5758        margin-right: -31rem;
     5759    }
     5760
    57555761    /* BLOCK: SEPARATOR */
    57565762
    … …  
    57655771    /* ALIGNMENT CLASSES */
    57665772
    5767     .entry-content > .alignleft,
    5768     .entry-content > p .alignleft,
    5769     .entry-content > .wp-block-image .alignleft {
     5773    .entry-content .alignleft {
     5774        margin-left: -31rem;
     5775    }
     5776
     5777    .entry-content .alignright {
    57705778        margin-right: -31rem;
    57715779    }
    57725780
    5773     .entry-content > .alignright,
    5774     .entry-content > p .alignright,
    5775     .entry-content > .wp-block-image .alignright {
    5776         margin-left: -31rem;
    5777     }
    5778 
    5779     .alignwide {
     5781    .entry-content > .alignwide {
    57805782        max-width: 120rem;
    57815783        right: calc(50% - 60rem);

  • trunk/src/wp-content/themes/twentytwenty/style.css

    r46357 r46445  
    118118body {
    119119    background: #f5efe0;
    120     -webkit-box-sizing: border-box;
    121     -moz-box-sizing: border-box;
    122120    box-sizing: border-box;
    123121    color: #000;
    … …  
    138136*::before,
    139137*::after {
    140     -webkit-box-sizing: inherit;
    141     -moz-box-sizing: inherit;
    142138    box-sizing: inherit;
    143139    -webkit-font-smoothing: antialiased;
    … …  
    179175    border: 0;
    180176    clip: rect(1px, 1px, 1px, 1px);
     177    -webkit-clip-path: inset(50%);
    181178    clip-path: inset(50%);
    182179    height: 1px;
    … …  
    194191    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    195192    clip: auto !important;
     193    -webkit-clip-path: none;
    196194    clip-path: none;
    197195    color: #21759b;
    … …  
    238236/*
    239237 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
    240  * This results in a jumping cursor when typing in both the Classic and block
    241  * editors. The following font-face override fixes the issue by manually
     238 * This results in a jumping cursor when typing in both the classic editor and
     239 * block editor. The following font-face override fixes the issue by manually
    242240 * inserting a custom font that includes just a Hoefler Text space replacement
    243241 * for that character instead.
    … …  
    712710textarea {
    713711    border-color: #dcd7ca;
     712    color: #000;
    714713}
    715714
    … …  
    745744    border-width: 0.1rem;
    746745    box-shadow: none;
    747     color: inherit;
    748746    display: block;
    749747    font-size: 1.6rem;
    … …  
    853851    margin: 0;
    854852    overflow: visible;
    855     padding: 2.5%;
     853    padding: 0.5em;
    856854}
    857855
    … …  
    859857    background: #dcd7ca;
    860858    font-weight: 600;
    861     padding: 2.5%;
     859    padding: 0.5em;
    862860    text-align: center;
    863861}
    … …  
    10071005    -webkit-touch-callout: none;
    10081006    -webkit-user-select: none;
    1009     -khtml-user-select: none;
    10101007    -moz-user-select: none;
    10111008    -ms-user-select: none;
    … …  
    11291126.opacity-90 {
    11301127    opacity: 0.9;
     1128}
     1129
     1130.blend-mode-exclusion {
     1131    mix-blend-mode: exclusion;
     1132}
     1133
     1134.blend-mode-hue {
     1135    mix-blend-mode: hue;
     1136}
     1137
     1138.blend-mode-saturation {
     1139    mix-blend-mode: saturation;
     1140}
     1141
     1142.blend-mode-color {
     1143    mix-blend-mode: color;
     1144}
     1145
     1146.blend-mode-luminosity {
     1147    mix-blend-mode: luminosity;
    11311148}
    11321149
    … …  
    11891206}
    11901207
     1208.search-form .search-submit:focus,
     1209.search-form .search-submit:hover {
     1210    text-decoration: none;
     1211}
     1212
    11911213
    11921214/* Social Icons ------------------------------ */
    … …  
    11951217    display: flex;
    11961218    flex-wrap: wrap;
    1197     margin: -1rem 0 0 -1rem;
     1219    margin: -0.9rem 0 0 -0.9rem;
     1220    width: calc(100% + 0.9rem);
    11981221}
    11991222
    12001223ul.social-icons li {
    1201     margin: 1rem 0 0 1rem;
     1224    margin: 0.9rem 0 0 0.9rem;
    12021225}
    12031226
    … …  
    12221245}
    12231246
    1224 .social-icons a::before {
    1225     content: "\e805";
    1226     display: block;
    1227     font-family: "Font Awesome 5";
    1228     font-size: 2rem;
    1229 }
    1230 
    1231 /* NON-BRAND ICONS */
    1232 
    1233 .s-icons a[href*="mailto"]::before {
    1234     content: "\f0e0";
    1235 }
    1236 
    1237 .s-icons a[href*="/feed/"]::before,
    1238 .s-icons a[href*="rss"]::before {
    1239     content: "\f09e";
    1240 }
    1241 
    1242 /* BRAND ICONS */
    1243 
    1244 .s-icons a[href*="500px.com"]::before {
    1245     content: "\f26e";
    1246     font-family: "Font Awesome 5 Brands";
    1247 }
    1248 
    1249 .s-icons a[href*="amazon.com"]::before {
    1250     content: "\f270";
    1251     font-family: "Font Awesome 5 Brands";
    1252 }
    1253 
    1254 .s-icons a[href*="angel.co"]::before {
    1255     content: "\f209";
    1256     font-family: "Font Awesome 5 Brands";
    1257 }
    1258 
    1259 .s-icons a[href*="audible.com"]::before {
    1260     content: "\f373";
    1261     font-family: "Font Awesome 5 Brands";
    1262 }
    1263 
    1264 .s-icons a[href*="behance.net"]::before {
    1265     content: "\f1b4";
    1266     font-family: "Font Awesome 5 Brands";
    1267 }
    1268 
    1269 .s-icons a[href*="blogger.com"]::before {
    1270     content: "\f37d";
    1271     font-family: "Font Awesome 5 Brands";
    1272 }
    1273 
    1274 .s-icons a[href*="codepen.io"]::before {
    1275     content: "\f1cb";
    1276     font-family: "Font Awesome 5 Brands";
    1277 }
    1278 
    1279 .s-icons a[href*="creativecommons.com"]::before {
    1280     content: "\f25e";
    1281     font-family: "Font Awesome 5 Brands";
    1282 }
    1283 
    1284 .s-icons a[href*="deviantart.com"]::before {
    1285     content: "\f1bd";
    1286     font-family: "Font Awesome 5 Brands";
    1287 }
    1288 
    1289 .s-icons a[href*="digg.com"]::before {
    1290     content: "\f1a6";
    1291     font-family: "Font Awesome 5 Brands";
    1292 }
    1293 
    1294 .s-icons a[href*="discordapp.com"]::before {
    1295     content: "\f392";
    1296     font-family: "Font Awesome 5 Brands";
    1297 }
    1298 
    1299 .s-icons a[href*="dribbble.com"]::before {
    1300     content: "\f17d";
    1301     font-family: "Font Awesome 5 Brands";
    1302 }
    1303 
    1304 .s-icons a[href*="ebay"]::before {
    1305     content: "\f4f4";
    1306     font-family: "Font Awesome 5 Brands";
    1307 }
    1308 
    1309 .s-icons a[href*="etsy.com"]::before {
    1310     content: "\f2d7";
    1311     font-family: "Font Awesome 5 Brands";
    1312 }
    1313 
    1314 .s-icons a[href*="facebook.com"]::before {
    1315     content: "\f39e";
    1316     font-family: "Font Awesome 5 Brands";
    1317 }
    1318 
    1319 .s-icons a[href*="flickr.com"]::before {
    1320     content: "\f16e";
    1321     font-family: "Font Awesome 5 Brands";
    1322 }
    1323 
    1324 .s-icons a[href*="github.com"]::before {
    1325     content: "\f113";
    1326     font-family: "Font Awesome 5 Brands";
    1327 }
    1328 
    1329 .s-icons a[href*="gitlab.com"]::before {
    1330     content: "\f296";
    1331     font-family: "Font Awesome 5 Brands";
    1332 }
    1333 
    1334 .s-icons a[href*="goodreads.com"]::before {
    1335     content: "\f3a9";
    1336     font-family: "Font Awesome 5 Brands";
    1337 }
    1338 
    1339 .s-icons a[href*="houzz"]::before {
    1340     content: "\f27c";
    1341     font-family: "Font Awesome 5 Brands";
    1342 }
    1343 
    1344 .s-icons a[href*="imdb.com"]::before {
    1345     content: "\f2d8";
    1346     font-family: "Font Awesome 5 Brands";
    1347 }
    1348 
    1349 .s-icons a[href*="instagram.com"]::before {
    1350     content: "\f16d";
    1351     font-family: "Font Awesome 5 Brands";
    1352 }
    1353 
    1354 .s-icons a[href*="kickstarter.com"]::before {
    1355     content: "\f3bc";
    1356     font-family: "Font Awesome 5 Brands";
    1357 }
    1358 
    1359 .s-icons a[href*="jsfiddle.net"]::before {
    1360     content: "\f1cc";
    1361     font-family: "Font Awesome 5 Brands";
    1362 }
    1363 
    1364 .s-icons a[href*="linkedin.com"]::before {
    1365     content: "\f0e1";
    1366     font-family: "Font Awesome 5 Brands";
    1367 }
    1368 
    1369 .s-icons a[href*="last.fm"]::before {
    1370     content: "\f202";
    1371     font-family: "Font Awesome 5 Brands";
    1372 }
    1373 
    1374 .s-icons a[href*="medium.com"]::before {
    1375     content: "\f3c7";
    1376     font-family: "Font Awesome 5 Brands";
    1377 }
    1378 
    1379 .s-icons a[href*="meetup.com"]::before {
    1380     content: "\f2e0";
    1381     font-family: "Font Awesome 5 Brands";
    1382 }
    1383 
    1384 .s-icons a[href*="mixcloud.com"]::before {
    1385     content: "\f289";
    1386     font-family: "Font Awesome 5 Brands";
    1387 }
    1388 
    1389 .s-icons a[href*="patreon.com"]::before {
    1390     content: "\f3d9";
    1391     font-family: "Font Awesome 5 Brands";
    1392 }
    1393 
    1394 .s-icons a[href*="pscp.tv"]::before {
    1395     content: "\f3da";
    1396     font-family: "Font Awesome 5 Brands";
    1397 }
    1398 
    1399 .s-icons a[href*="pinterest"]::before {
    1400     content: "\f231";
    1401     font-family: "Font Awesome 5 Brands";
    1402 }
    1403 
    1404 .s-icons a[href*="play.google.com"]::before {
    1405     content: "\f3ab";
    1406     font-family: "Font Awesome 5 Brands";
    1407 }
    1408 
    1409 .s-icons a[href*="plus.google.com"]::before {
    1410     content: "\f0d5";
    1411     font-family: "Font Awesome 5 Brands";
    1412 }
    1413 
    1414 .s-icons a[href*="producthunt.com"]::before {
    1415     content: "\f288";
    1416     font-family: "Font Awesome 5 Brands";
    1417 }
    1418 
    1419 .s-icons a[href*="quora.com"]::before {
    1420     content: "\f2c4";
    1421     font-family: "Font Awesome 5 Brands";
    1422 }
    1423 
    1424 .s-icons a[href*="reddit.com"]::before {
    1425     content: "\f281";
    1426     font-family: "Font Awesome 5 Brands";
    1427 }
    1428 
    1429 .s-icons a[href*="slack.com"]::before {
    1430     content: "\f198";
    1431     font-family: "Font Awesome 5 Brands";
    1432 }
    1433 
    1434 .s-icons a[href*="soundcloud.com"]::before {
    1435     content: "\f1be";
    1436     font-family: "Font Awesome 5 Brands";
    1437 }
    1438 
    1439 .s-icons a[href*="spotify.com"]::before {
    1440     content: "\f1bc";
    1441     font-family: "Font Awesome 5 Brands";
    1442 }
    1443 
    1444 .s-icons a[href*="tumblr.com"]::before {
    1445     content: "\f173";
    1446     font-family: "Font Awesome 5 Brands";
    1447 }
    1448 
    1449 .s-icons a[href*="twitch"]::before {
    1450     content: "\f1e8";
    1451     font-family: "Font Awesome 5 Brands";
    1452 }
    1453 
    1454 .s-icons a[href*="twitter.com"]::before {
    1455     content: "\f099";
    1456     font-family: "Font Awesome 5 Brands";
    1457 }
    1458 
    1459 .s-icons a[href*="vimeo.com"]::before {
    1460     content: "\f27d";
    1461     font-family: "Font Awesome 5 Brands";
    1462 }
    1463 
    1464 .s-icons a[href*="wordpress.org"]::before,
    1465 .s-icons a[href*="wordpress.com"]::before {
    1466     content: "\f411";
    1467     font-family: "Font Awesome 5 Brands";
    1468 }
    1469 
    1470 .s-icons a[href*="youtube.com"]::before {
    1471     content: "\f167";
    1472     font-family: "Font Awesome 5 Brands";
    1473 }
    1474 
    14751247
    14761248/* Cover Modals ------------------------------ */
    … …  
    16491421
    16501422.toggle-icon {
     1423    display: block;
    16511424    overflow: hidden;
    16521425}
    … …  
    16581431    position: absolute;
    16591432    top: calc(100% + 0.5rem);
    1660     width: 10rem;
     1433    width: auto;
     1434    white-space: nowrap;
    16611435    word-break: break-all;
    16621436}
    … …  
    22151989    display: flex;
    22161990    justify-content: space-between;
     1991    max-width: 168rem;
    22171992}
    22181993
    … …  
    22612036
    22622037.search-modal form {
     2038    margin: 0;
    22632039    position: relative;
    22642040    width: 100%;
    … …  
    22732049    letter-spacing: -0.0277em;
    22742050    height: 8.4rem;
    2275     padding: 0;
    2276     width: 100%;
     2051    margin: 0 0 0 -2rem;
     2052    max-width: calc(100% + 2rem);
     2053    padding: 0 0 0 2rem;
     2054    width: calc(100% + 2rem);
    22772055}
    22782056
    … …  
    23152093.cover-header-inner-wrapper {
    23162094    display: flex;
     2095    position: relative;
    23172096    flex-direction: column;
    23182097    justify-content: flex-end;
    … …  
    24472226/* Posts ------------------------------------- */
    24482227
    2449 body:not(.singular) main article:first-of-type {
     2228body:not(.singular) main > article:first-of-type {
    24502229    padding: 4rem 0 0;
    24512230}
    … …  
    27992578.has-accent-background-color {
    28002579    background-color: #cd2653;
     2580}
     2581
     2582.has-primary-color {
     2583    color: #000;
     2584}
     2585
     2586.has-primary-background-color {
     2587    background-color: #000;
     2588}
     2589
     2590.has-secondary-color {
     2591    color: #6d6d6d;
     2592}
     2593
     2594.has-secondary-background-color {
     2595    background-color: #6d6d6d;
     2596}
     2597
     2598.has-subtle-background-color {
     2599    color: #dcd7ca;
     2600}
     2601
     2602.has-subtle-background-background-color {
     2603    background-color: #dcd7ca;
     2604}
     2605
     2606.has-background-color {
     2607    color: #f5efe0;
     2608}
     2609
     2610.has-background-background-color {
     2611    background-color: #f5efe0;
    28012612}
    28022613
    … …  
    28902701/* Block: Base Margins ----------------------- */
    28912702
    2892 .wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
    2893 .wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
     2703*[class*="_inner-container"] > *:first-child {
     2704    margin-top: 0;
     2705}
     2706
     2707*[class*="_inner-container"] > *:last-child {
     2708    margin-bottom: 0;
     2709}
     2710
     2711.wp-block-archives,
     2712.wp-block-categories,
    28942713.wp-block-code,
    2895 .wp-block-columns:not(.alignwide):not(.alignfull),
    2896 .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    2897 .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    2898 .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    2899 .wp-block-group:not(.alignwide):not(.alignfull),
    2900 .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
    2901 .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
    2902 .wp-block-media-text:not(.alignwide):not(.alignfull),
     2714.wp-block-columns,
     2715.wp-block-cover,
     2716.wp-block-embed,
     2717.wp-block-gallery,
     2718.wp-block-group,
     2719.wp-block-latest-comments,
     2720.wp-block-latest-posts,
     2721.wp-block-media-text,
    29032722.wp-block-preformatted,
    2904 .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
     2723.wp-block-pullquote,
    29052724.wp-block-quote,
    29062725.wp-block-quote.is-large,
    29072726.wp-block-quote.is-style-large,
    29082727.wp-block-verse,
    2909 .wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
     2728.wp-block-video {
    29102729    margin-bottom: 3rem;
    29112730    margin-top: 3rem;
    … …  
    29132732
    29142733
     2734/* Block: Shared Nesting Alignment Resets ---- */
     2735
     2736[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
     2737[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
     2738    margin-left: auto;
     2739    margin-right: auto;
     2740    max-width: 58rem;
     2741}
     2742
     2743
    29152744/* Block: Shared Widget Styles --------------- */
    29162745
    29172746.wp-block-archives,
    29182747.wp-block-categories,
    2919 .wp-block-gallery ul,
    29202748.wp-block-latest-posts,
    29212749.wp-block-latest-comments {
    … …  
    30222850/* Block: Columns ---------------------------- */
    30232851
     2852.wp-block-column {
     2853    margin-bottom: 3.2rem;
     2854}
     2855
    30242856.wp-block-column > *:first-child {
    30252857    margin-top: 0;
    … …  
    30322864/* Block: Cover ------------------------------ */
    30332865
    3034 .entry-content .wp-block-cover p {
    3035     font-family: inherit;
     2866.wp-block-cover-image .wp-block-cover__inner-container,
     2867.wp-block-cover .wp-block-cover__inner-container {
     2868    width: calc(100% - 4rem);
     2869    padding: 2rem 0;
     2870}
     2871
     2872.wp-block-cover-image .wp-block-cover-image-text,
     2873.wp-block-cover-image .wp-block-cover-text,
     2874.wp-block-cover-image h2,
     2875.wp-block-cover .wp-block-cover-image-text,
     2876.wp-block-cover .wp-block-cover-text,
     2877.wp-block-cover h2 {
     2878    max-width: 100%;
     2879    padding: 0;
     2880}
     2881
     2882.wp-block-cover-image h2,
     2883.wp-block-cover h2 {
     2884    font-size: 3.2rem;
    30362885}
    30372886
    … …  
    30842933}
    30852934
     2935.wp-block-gallery ul {
     2936    list-style: none;
     2937    margin: 0 0 -1.6rem 0;
     2938}
     2939
     2940figure.wp-block-gallery.alignnone,
     2941figure.wp-block-gallery.aligncenter {
     2942    margin-bottom: 3rem;
     2943    margin-top: 3rem;
     2944}
     2945
     2946figure.wp-block-gallery.alignleft {
     2947    margin: 0.3rem 2rem 2rem 0;
     2948}
     2949
     2950figure.wp-block-gallery.alignright {
     2951    margin: 0.3rem 0 2rem 2rem;
     2952}
     2953
     2954figure.wp-block-gallery.alignwide {
     2955    margin-bottom: 4rem;
     2956    margin-top: 4rem;
     2957}
     2958
     2959figure.wp-block-gallery.alignfull {
     2960    margin-bottom: 5rem;
     2961    margin-top: 5rem;
     2962}
     2963
    30862964/* Block: Group ------------------------------ */
    30872965
    30882966.wp-block-group.has-background {
    30892967    padding: 2rem;
    3090 }
    3091 
    3092 .wp-block-group__inner-container > *:first-child {
    3093     margin-top: 0;
    3094 }
    3095 
    3096 .wp-block-group__inner-container > *:last-child {
    3097     margin-bottom: 0;
    30982968}
    30992969
    … …  
    31523022}
    31533023
     3024.reduced-spacing .wp-block-pullquote::before {
     3025    border: 0.1rem solid currentColor;
     3026    font-size: 5.9rem;
     3027}
     3028
    31543029.wp-block-pullquote blockquote {
    31553030    border: none;
    … …  
    33033178}
    33043179
    3305 /* STYLE: DEFAULT */
    3306 
    33073180/* STYLE: LARGE */
    33083181
    … …  
    33163189.wp-block-quote.is-style-large p {
    33173190    font-family: inherit;
     3191    font-size: 2.4rem;
    33183192    font-style: normal;
    33193193    font-weight: 700;
    3320     letter-spacing: -0.035714286em;
    3321     line-height: 1.285714286;
     3194    letter-spacing: -0.02em;
     3195    line-height: 1.285;
    33223196}
    33233197
    … …  
    34003274    line-height: 1.5;
    34013275    max-width: 58rem;
    3402 }
    3403 
    3404 .entry-content > * {
    3405     margin-bottom: 1.25em;
    34063276}
    34073277
    … …  
    34763346.aligncenter,
    34773347.alignleft,
    3478 .alignright,
    3479 .alignwide,
    3480 .alignfull {
     3348.alignright {
    34813349    margin: 3rem 0;
    3482 }
    3483 
    3484 .alignnone,
     3350    max-width: 100%;
     3351}
     3352
    34853353.aligncenter,
     3354.aligncenter img {
     3355    margin-left: auto;
     3356    margin-right: auto;
     3357}
     3358
    34863359.alignleft,
    34873360.alignright {
    3488     max-width: 100%;
     3361    max-width: 50%;
     3362}
     3363
     3364.alignleft {
     3365
     3366    /*rtl:ignore*/
     3367    float: left;
     3368    margin: 0.3rem 2rem 2rem 0;
     3369}
     3370
     3371.alignright {
     3372
     3373    /*rtl:ignore*/
     3374    float: right;
     3375    margin: 0.3rem 0 2rem 2rem;
     3376}
     3377
     3378.alignwide {
     3379    margin: 4rem auto;
     3380    max-width: 120rem;
     3381}
     3382
     3383.entry-content > .alignwide {
     3384    max-width: calc(100vw - 4rem);
     3385    position: relative;
     3386    left: calc(50% - 50vw + 2rem);
     3387    width: calc(100vw - 4rem);
    34893388}
    34903389
    34913390.alignfull {
    34923391    margin: 5rem 0;
     3392}
     3393
     3394.entry-content > .alignfull {
    34933395    max-width: 100vw;
    34943396    position: relative;
    … …  
    34973399}
    34983400
    3499 .alignwide {
    3500     max-width: calc(100vw - 4rem);
    3501     position: relative;
    3502     left: calc(50% - 50vw + 2rem);
    3503     width: calc(100vw - 4rem);
    3504 }
    3505 
    3506 .aligncenter,
    3507 .aligncenter img {
    3508     margin-left: auto;
    3509     margin-right: auto;
    3510 }
    3511 
    3512 .alignleft,
    3513 .alignright {
    3514     max-width: 50%;
    3515 }
    3516 
    3517 .alignleft {
    3518     float: left;
    3519     margin: 0.3rem 2rem 2rem 0;
    3520 }
    3521 
    3522 .alignright {
    3523     float: right;
    3524     margin: 0.3rem 0 2rem 2rem;
    3525 }
    3526 
    35273401
    35283402/* Entry Media ------------------------------- */
    35293403
    3530 .alignfull figcaption,
    3531 .alignfull .wp-caption-text {
     3404.alignfull > figcaption,
     3405.alignfull > .wp-caption-text {
    35323406    margin-left: auto;
    35333407    margin-right: auto;
    … …  
    36463520
    36473521/* COMMENT CONTENT */
    3648 .comment-content > *:first-child {
    3649     margin-top: 0;
    3650 }
    3651 
    3652 .comment-content > *:last-child {
    3653     margin-bottom: 0;
    3654 }
    3655 
    3656 .comment-content p,
    3657 .comment-content ol,
    3658 .comment-content ul,
    3659 .comment-content dl,
    3660 .comment-content dt {
    3661     font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
    3662     letter-spacing: normal;
    3663 }
    3664 
    3665 .comment-content cite,
    3666 .comment-content figcaption,
    3667 .comment-content .wp-caption-text {
    3668     font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    3669 }
    3670 
    3671 @supports ( font-variation-settings: normal ) {
    3672 
    3673     .comment-content cite,
    3674     .comment-content figcaption,
    3675     .comment-content .wp-caption-text {
    3676         font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
    3677     }
    3678 }
    3679 
    3680 .comment-content h1 {
    3681     font-size: 2em;
    3682 }
    3683 
    3684 .comment-content h2 {
    3685     font-size: 1.8em;
    3686 }
    3687 
    3688 .comment-content h3 {
    3689     font-size: 1.6em;
    3690 }
    3691 
    3692 .comment-content h4 {
    3693     font-size: 1.4em;
    3694 }
    3695 
    3696 .comment-content h5 {
    3697     font-size: 1.2em;
    3698 }
    3699 
    3700 .comment-content h6 {
    3701     font-size: 1em;
     3522
     3523.comment-content.entry-content .alignleft {
     3524    margin-left: 0;
     3525}
     3526
     3527.comment-content.entry-content .alignright {
     3528    margin-right: 0;
     3529}
     3530
     3531.comment-content.entry-content > .alignwide,
     3532.comment-content.entry-content > .alignfull {
     3533    left: auto;
     3534    max-width: 100%;
     3535    width: auto;
    37023536}
    37033537
    … …  
    41854019/* Widget: RSS ------------------------------- */
    41864020
    4187 .widget_rss .rss-widget-icon {
     4021.widget_rss a.rsswidget:first-of-type {
    41884022    display: none;
    41894023}
    … …  
    42424076#site-footer {
    42434077    background-color: #fff;
     4078    border-color: #dedfdf;
     4079    border-style: solid;
     4080    border-width: 0;
    42444081}
    42454082
    … …  
    42514088.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper,
    42524089.reduced-spacing.footer-top-hidden #site-footer {
    4253     border-top: 0.1rem solid #dedfdf;
     4090    border-top-width: 0.1rem;
    42544091}
    42554092
    … …  
    42944131
    42954132.footer-social-wrapper {
     4133    margin: 0;
     4134    width: 100%;
     4135}
     4136
     4137.has-footer-menu .footer-social-wrapper {
    42964138    flex-shrink: 0;
    42974139    margin-left: 1rem;
    … …  
    43014143ul.footer-social {
    43024144    margin: -0.5rem 0 0 -0.5rem;
     4145}
     4146
     4147.has-footer-menu .footer-social {
    43034148    justify-content: flex-end;
    43044149}
    … …  
    43854230@media ( max-width: 479px ) {
    43864231
    4387     /* Lists ------------------------------------- */
     4232    /* Blocks -------------------------------- */
     4233
     4234    .wp-block-pullquote.alignleft,
     4235    .wp-block-pullquote.alignright {
     4236        float: none;
     4237        margin: 3rem 0;
     4238    }
     4239
     4240    .wp-block-pullquote.alignleft:first-child,
     4241    .wp-block-pullquote.alignright:first-child {
     4242        margin-top: 0;
     4243    }
     4244
     4245    .wp-block-pullquote.alignleft:last-child,
     4246    .wp-block-pullquote.alignright:last-child {
     4247        margin-bottom: 0;
     4248    }
     4249
     4250    /* Entry Content ------------------------- */
     4251
     4252    /* LISTS */
    43884253
    43894254    ul,
    … …  
    44244289        max-width: 26rem;
    44254290    }
    4426 
    4427     .alignleft {
    4428         float: left;
    4429     }
    4430 
    4431     .alignright {
    4432         float: right;
     4291}
     4292
     4293@media ( max-width: 599px ) {
     4294
     4295    /* Blocks -------------------------------- */
     4296
     4297    /* BLOCK: COLUMNS */
     4298
     4299    /* While columns are stacked */
     4300    .wp-block-column:last-child {
     4301        margin-bottom: 0;
     4302    }
     4303
     4304    .wp-block-columns + .wp-block-columns {
     4305        margin-top: 0.2rem;
     4306    }
     4307
     4308    .wp-block-columns.alignwide + .wp-block-columns.alignwide {
     4309        margin-top: -0.8rem;
     4310    }
     4311
     4312    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4313        margin-top: -1.8rem;
     4314    }
     4315
     4316}
     4317
     4318@media ( min-width: 600px ) {
     4319
     4320    /* Blocks -------------------------------- */
     4321
     4322    /* BLOCK: COLUMNS */
     4323
     4324    .wp-block-columns.alignwide + .wp-block-columns.alignwide,
     4325    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
     4326        margin-top: -4rem;
     4327    }
     4328
     4329}
     4330
     4331@media ( max-width: 599px ) {
     4332
     4333    /* Blocks -------------------------------- */
     4334
     4335    /* BLOCK: COLUMNS */
     4336
     4337    .alignfull .wp-block-column > p:not(.has-background-color),
     4338    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4339        max-width: calc(100% - 4rem);
     4340        margin: auto;
     4341    }
     4342}
     4343
     4344@media ( min-width: 600px ) {
     4345
     4346    /* Blocks -------------------------------- */
     4347
     4348    /* BLOCK: COLUMNS */
     4349
     4350    .alignfull .wp-block-column:nth-child(odd) > p:not(.has-background-color),
     4351    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4352        padding-left: 2rem;
     4353    }
     4354
     4355    .alignfull .wp-block-column:nth-child(even) > p:not(.has-background-color),
     4356    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     4357        padding-right: 2rem;
    44334358    }
    44344359}
    … …  
    44364361@media ( min-width: 660px ) {
    44374362
     4363    /* Blocks -------------------------------- */
     4364
     4365    /* BLOCK: GALLERY */
     4366
     4367    figure.wp-block-gallery.alignleft {
     4368
     4369        /*rtl:ignore*/
     4370        margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
     4371    }
     4372
     4373    figure.wp-block-gallery.alignright {
     4374
     4375        /*rtl:ignore*/
     4376        margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
     4377    }
     4378
    44384379    /* Entry Content ------------------------- */
    44394380
    44404381    /* ALIGNMENT CLASSES */
    44414382
    4442     .entry-content > .alignleft,
    4443     .entry-content > p .alignleft,
    4444     .entry-content > .wp-block-image .alignleft {
     4383    .entry-content .alignleft {
     4384
     4385        /*rtl:ignore*/
    44454386        margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
    44464387    }
    44474388
    4448     .entry-content > .alignright,
    4449     .entry-content > p .alignright,
    4450     .entry-content > .wp-block-image .alignright {
     4389    .entry-content .alignright {
     4390
     4391        /*rtl:ignore*/
    44514392        margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
    44524393    }
    … …  
    46634604
    46644605    .modal-menu ul li {
    4665         border-left-width: 0;
    4666     }
    4667 
    4668     .modal-menu ul a {
    4669         padding-left: 2.5rem;
    4670     }
    4671 
    4672     .modal-menu ul ul a {
    4673         padding-left: 5rem;
    4674     }
    4675 
    4676     .modal-menu ul ul ul a {
    4677         padding-left: 7.5rem;
    4678     }
    4679 
    4680     .modal-menu ul ul ul ul a {
    4681         padding-left: 10rem;
     4606        border-left-color: transparent;
    46824607    }
    46834608
    … …  
    47684693    }
    47694694
    4770     body:not(.singular) main article:first-of-type {
     4695    body:not(.singular) main > article:first-of-type {
    47714696        padding: 8rem 0 0;
    47724697    }
    … …  
    49094834    /* BLOCK: BASE MARGINS */
    49104835
    4911     .wp-block-archives:not(.aligncenter):not(.alignleft):not(.alignright),
    4912     .wp-block-categories:not(.aligncenter):not(.alignleft):not(.alignright),
     4836    .wp-block-archives,
     4837    .wp-block-categories,
    49134838    .wp-block-code,
    4914     .wp-block-columns:not(.alignwide):not(.alignfull),
    4915     .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    4916     .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    4917     .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
    4918     .wp-block-group:not(.alignwide):not(.alignfull),
    4919     .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
    4920     .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
    4921     .wp-block-media-text:not(.alignwide):not(.alignfull),
     4839    .wp-block-columns,
     4840    .wp-block-cover,
     4841    .wp-block-embed,
     4842    .wp-block-gallery,
     4843    .wp-block-group,
     4844    .wp-block-latest-comments,
     4845    .wp-block-latest-posts,
     4846    .wp-block-media-text,
    49224847    .wp-block-preformatted,
    4923     .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
     4848    .wp-block-pullquote,
    49244849    .wp-block-quote,
    49254850    .wp-block-quote.is-large,
    49264851    .wp-block-quote.is-style-large,
    49274852    .wp-block-verse,
    4928     .wp-block-video:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {
     4853    .wp-block-video {
    49294854        margin-bottom: 5rem;
    49304855        margin-top: 5rem;
    … …  
    49354860    .wp-block-columns.alignwide + .wp-block-columns.alignwide,
    49364861    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    4937         margin-top: -2rem;
     4862        margin-top: -6rem;
    49384863    }
    49394864
    … …  
    49474872    }
    49484873
     4874    /* BLOCK: COVER */
     4875
     4876    .wp-block-cover-image .wp-block-cover__inner-container,
     4877    .wp-block-cover .wp-block-cover__inner-container {
     4878        width: calc(100% - 8rem);
     4879    }
     4880
     4881    .wp-block-cover-image h2,
     4882    .wp-block-cover h2 {
     4883        font-size: 4.8rem;
     4884    }
     4885
     4886    /* BLOCK: GALLERY */
     4887
     4888    figure.wp-block-gallery.alignnone,
     4889    figure.wp-block-gallery.aligncenter {
     4890        margin-bottom: 4rem;
     4891        margin-top: 4rem;
     4892    }
     4893
     4894    figure.wp-block-gallery.alignwide,
     4895    figure.wp-block-gallery.alignfull {
     4896        margin-bottom: 6rem;
     4897        margin-top: 6rem;
     4898    }
     4899
    49494900    /* BLOCK: GROUP */
    49504901
    … …  
    50064957    }
    50074958
     4959    /* BLOCK: QUOTE */
     4960
     4961    .wp-block-quote.is-large p,
     4962    .wp-block-quote.is-style-large p {
     4963        font-size: 2.8rem;
     4964    }
     4965
    50084966    /* BLOCK: SEPARATOR */
    50094967
    … …  
    50555013    }
    50565014
    5057     .alignwide {
     5015    .entry-content > .alignwide {
    50585016        max-width: calc(100vw - 8rem);
    50595017        left: calc(50% - 50vw + 4rem);
    … …  
    50635021    /* ENTRY MEDIA */
    50645022
    5065     .alignfull figcaption,
    5066     .alignfull .wp-caption-text {
     5023    .alignfull > figcaption,
     5024    .alignfull > .wp-caption-text {
    50675025        width: calc(100% - 8rem);
    50685026    }
    … …  
    50905048    .comments .review {
    50915049        padding-top: 5rem;
    5092     }
    5093 
    5094     .comment-content {
    5095         font-size: 2.1rem;
    50965050    }
    50975051
    … …  
    52245178    }
    52255179
    5226     .footer-social-wrapper {
     5180    .has-footer-menu .footer-social-wrapper {
     5181        flex: 1;
    52275182        margin-left: 4rem;
    52285183        width: auto;
    … …  
    52885243    }
    52895244
     5245}
     5246
     5247@media (min-width: 782px) {
     5248
     5249    /* Blocks -------------------------------- */
     5250
     5251    /* BLOCK: COLUMNS */
     5252
     5253    .alignfull .wp-block-column:first-child > p,
     5254    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     5255        padding-left: 2rem;
     5256    }
     5257
     5258    .alignfull .wp-block-column:last-child > p,
     5259    .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
     5260        padding-right: 2rem;
     5261    }
    52905262}
    52915263
    … …  
    54145386    }
    54155387
     5388    .header-toggles:only-child .nav-toggle .toggle-inner {
     5389        padding-top: 0;
     5390    }
     5391
     5392    .header-toggles:only-child .toggle-inner {
     5393        display: flex;
     5394        flex-wrap: nowrap;
     5395        align-items: center;
     5396    }
     5397
     5398    .header-toggles:only-child .toggle-inner .svg-icon {
     5399        order: 1;
     5400    }
     5401
     5402    .header-toggles:only-child .toggle-inner .toggle-text {
     5403        position: static;
     5404        padding-right: 20px;
     5405        font-size: 15px;
     5406        color: inherit;
     5407    }
     5408
    54165409    /* Menu Modal ---------------------------- */
    54175410
    … …  
    54915484    .wp-block-columns.alignwide + .wp-block-columns.alignwide,
    54925485    .wp-block-columns.alignfull + .wp-block-columns.alignfull {
    5493         margin-top: -4rem;
     5486        margin-top: -5.2rem;
     5487    }
     5488
     5489    /* BLOCK: GALLERY */
     5490
     5491    figure.wp-block-gallery.alignwide,
     5492    figure.wp-block-gallery.alignfull {
     5493        margin-bottom: 8rem;
     5494        margin-top: 8rem;
    54945495    }
    54955496
    … …  
    55195520    /* ENTRY MEDIA */
    55205521
    5521     .alignfull figcaption,
    5522     .alignfull .wp-caption-text {
     5522    .alignfull > figcaption,
     5523    .alignfull > .wp-caption-text {
    55235524        width: calc(100% - 10rem);
    55245525    }
    … …  
    56525653    }
    56535654
     5655    /* BLOCK: GALLERY */
     5656
     5657    figure.wp-block-gallery.alignfull {
     5658        margin-bottom: 10rem;
     5659        margin-top: 10rem;
     5660    }
     5661
    56545662    /* BLOCK: GROUP */
    56555663
    … …  
    57555763    /* Blocks -------------------------------- */
    57565764
     5765    /* BLOCK: GALLERY */
     5766
     5767    figure.wp-block-gallery.alignleft {
     5768
     5769        /*rtl:ignore*/
     5770        margin-left: -31rem;
     5771    }
     5772
     5773    figure.wp-block-gallery.alignright {
     5774
     5775        /*rtl:ignore*/
     5776        margin-right: -31rem;
     5777    }
     5778
    57575779    /* BLOCK: SEPARATOR */
    57585780
    … …  
    57675789    /* ALIGNMENT CLASSES */
    57685790
    5769     .entry-content > .alignleft,
    5770     .entry-content > p .alignleft,
    5771     .entry-content > .wp-block-image .alignleft {
     5791    .entry-content .alignleft {
     5792
     5793        /*rtl:ignore*/
    57725794        margin-left: -31rem;
    57735795    }
    57745796
    5775     .entry-content > .alignright,
    5776     .entry-content > p .alignright,
    5777     .entry-content > .wp-block-image .alignright {
     5797    .entry-content .alignright {
     5798
     5799        /*rtl:ignore*/
    57785800        margin-right: -31rem;
    57795801    }
    57805802
    5781     .alignwide {
     5803    .entry-content > .alignwide {
    57825804        max-width: 120rem;
    57835805        left: calc(50% - 60rem);

  • trunk/src/wp-content/themes/twentytwenty/template-parts/content-cover.php

    r46357 r46445  
    4545    ?>
    4646
    47     <div class="cover-header <?php echo esc_attr( $cover_header_classes ); ?>"<?php echo $cover_header_style; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- We need to double check this, but for now, we want to pass PHPCS ;) ?>>
     47    <div class="cover-header <?php echo $cover_header_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>"<?php echo $cover_header_style; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- We need to double check this, but for now, we want to pass PHPCS ;) ?>>
    4848        <div class="cover-header-inner-wrapper screen-height">
    4949            <div class="cover-header-inner">
    … …  
    6868
    6969                                <div class="entry-categories">
    70                                     <span class="screen-reader-text"><?php esc_html_e( 'Categories', 'twentytwenty' ); ?></span>
     70                                    <span class="screen-reader-text"><?php _e( 'Categories', 'twentytwenty' ); ?></span>
    7171                                    <div class="entry-categories-inner">
    7272                                        <?php the_category( ' ' ); ?>
    … …  
    8686                                    <a href="#post-inner" class="to-the-content fill-children-current-color">
    8787                                        <?php twentytwenty_the_theme_svg( 'arrow-down' ); ?>
    88                                         <div class="screen-reader-text"><?php _e( 'Scroll Down', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></div>
     88                                        <div class="screen-reader-text"><?php _e( 'Scroll Down', 'twentytwenty' ); ?></div>
    8989                                    </a><!-- .to-the-content -->
    9090
    … …  
    134134        </div><!-- .entry-content -->
    135135        <?php
    136 
    137136        wp_link_pages(
    138137            array(
    139                 'before' => '<nav class="post-nav-links bg-light-background" aria-label="' . esc_attr__( 'Page', 'twentytwenty' ) . '"><span class="label">' . __( 'Pages:', 'twentytwenty' ) . '</span>',
    140                 'after'  => '</nav>',
     138                'before'      => '<nav class="post-nav-links bg-light-background" aria-label="' . esc_attr__( 'Page', 'twentytwenty' ) . '"><span class="label">' . __( 'Pages:', 'twentytwenty' ) . '</span>',
     139                'after'       => '</nav>',
     140                'link_before' => '<span class="page-number">',
     141                'link_after'  => '</span>',
    141142            )
    142143        );

  • trunk/src/wp-content/themes/twentytwenty/template-parts/content.php

    r46357 r46445  
    4141
    4242        <?php
    43 
    4443        wp_link_pages(
    4544            array(
    46                 'before' => '<nav class="post-nav-links bg-light-background" aria-label="' . esc_attr__( 'Page', 'twentytwenty' ) . '"><span class="label">' . __( 'Pages:', 'twentytwenty' ) . '</span>',
    47                 'after'  => '</nav>',
     45                'before'      => '<nav class="post-nav-links bg-light-background" aria-label="' . esc_attr__( 'Page', 'twentytwenty' ) . '"><span class="label">' . __( 'Pages:', 'twentytwenty' ) . '</span>',
     46                'after'       => '</nav>',
     47                'link_before' => '<span class="page-number">',
     48                'link_after'  => '</span>',
    4849            )
    4950        );

  • trunk/src/wp-content/themes/twentytwenty/template-parts/entry-author-bio.php

    r46357 r46445  
    1717                <?php
    1818                printf(
    19                     /* Translators: %s: post author */
    20                     esc_html__( 'By %s', 'twentytwenty' ),
     19                    /* translators: %s: Author name */
     20                    __( 'By %s', 'twentytwenty' ),
    2121                    esc_html( get_the_author() )
    2222                );
    … …  
    2727            <?php the_author_meta( 'description' ); ?>
    2828            <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
    29                 <?php esc_html_e( 'View Archive &rarr;', 'twentytwenty' ); ?>
     29                <?php _e( 'View Archive &rarr;', 'twentytwenty' ); ?>
    3030            </a>
    3131        </p><!-- .author-description -->

  • trunk/src/wp-content/themes/twentytwenty/template-parts/entry-header.php

    r46357 r46445  
    3434
    3535            <div class="entry-categories">
    36                 <span class="screen-reader-text"><?php esc_html_e( 'Categories', 'twentytwenty' ); ?></span>
     36                <span class="screen-reader-text"><?php _e( 'Categories', 'twentytwenty' ); ?></span>
    3737                <div class="entry-categories-inner">
    3838                    <?php the_category( ' ' ); ?>
    … …  
    6060            ?>
    6161
    62             <div class="intro-text section-inner max-percentage<?php echo esc_attr( $intro_text_width ); ?>">
     62            <div class="intro-text section-inner max-percentage<?php echo $intro_text_width; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
    6363                <?php the_excerpt(); ?>
    6464            </div>

  • trunk/src/wp-content/themes/twentytwenty/template-parts/featured-image.php

    r46357 r46445  
    2020    <figure class="featured-media">
    2121
    22         <div class="featured-media-inner section-inner<?php echo esc_attr( $featured_media_inner_classes ); ?>">
     22        <div class="featured-media-inner section-inner<?php echo $featured_media_inner_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
    2323
    2424            <?php

  • trunk/src/wp-content/themes/twentytwenty/template-parts/footer-menus-widgets.php

    r46357 r46445  
    3030            $footer_top_classes .= $has_social_menu ? ' has-social-menu' : '';
    3131
    32             $footer_social_wrapper_class = $has_footer_menu ? 'footer-social-wrapper' : '';
    33 
    3432            if ( $has_footer_menu || $has_social_menu ) {
    3533                ?>
    36                 <div class="footer-top<?php echo esc_attr( $footer_top_classes ); ?>">
     34                <div class="footer-top<?php echo $footer_top_classes; //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- static output ?>">
    3735                    <?php if ( $has_footer_menu ) { ?>
    3836
    39                         <nav aria-label="<?php esc_attr_e( 'Footer', 'twentytwenty' ); ?>" role="navigation">
     37                        <nav aria-label="<?php esc_attr_e( 'Footer', 'twentytwenty' ); ?>" role="navigation" class="footer-menu-wrapper">
    4038
    4139                            <ul class="footer-menu reset-list-style">
    … …  
    5755                    <?php if ( $has_social_menu ) { ?>
    5856
    59                         <div class="<?php echo esc_attr( $footer_social_wrapper_class ); ?>">
     57                        <nav aria-label="<?php esc_attr_e( 'Social links', 'twentytwenty' ); ?>" class="footer-social-wrapper">
    6058
    61                             <nav aria-label="<?php esc_attr_e( 'Social links', 'twentytwenty' ); ?>">
     59                            <ul class="social-menu footer-social reset-list-style social-icons fill-children-current-color">
    6260
    63                                 <ul class="social-menu footer-social reset-list-style social-icons s-icons">
     61                                <?php
     62                                wp_nav_menu(
     63                                    array(
     64                                        'theme_location'  => 'social',
     65                                        'container'       => '',
     66                                        'container_class' => '',
     67                                        'items_wrap'      => '%3$s',
     68                                        'menu_id'         => '',
     69                                        'menu_class'      => '',
     70                                        'depth'           => 1,
     71                                        'link_before'     => '<span class="screen-reader-text">',
     72                                        'link_after'      => '</span>',
     73                                        'fallback_cb'     => '',
     74                                    )
     75                                );
     76                                ?>
    6477
    65                                     <?php
    66                                     wp_nav_menu(
    67                                         array(
    68                                             'theme_location' => 'social',
    69                                             'container'   => '',
    70                                             'container_class' => '',
    71                                             'items_wrap'  => '%3$s',
    72                                             'menu_id'     => '',
    73                                             'menu_class'  => '',
    74                                             'depth'       => 1,
    75                                             'link_before' => '<span class="screen-reader-text">',
    76                                             'link_after'  => '</span>',
    77                                             'fallback_cb' => '',
    78                                         )
    79                                     );
    80                                     ?>
     78                            </ul><!-- .footer-social -->
    8179
    82                                 </ul>
    83 
    84                             </nav><!-- .social-menu -->
    85 
    86                         </div><!-- .footer-social-wrapper -->
     80                        </nav><!-- .footer-social-wrapper -->
    8781
    8882                    <?php } ?>

  • trunk/src/wp-content/themes/twentytwenty/template-parts/modal-menu.php

    r46357 r46445  
    1818            <div class="menu-top">
    1919
    20                 <button class="toggle close-nav-toggle fill-children-current-color" data-toggle-target=".menu-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".menu-modal">
    21                     <span class="toggle-text"><?php esc_html_e( 'Close Menu', 'twentytwenty' ); ?></span>
     20                <button class="toggle close-nav-toggle fill-children-current-color" data-toggle-target=".menu-modal" data-toggle-body-class="showing-menu-modal" aria-expanded="false" data-set-focus=".menu-modal">
     21                    <span class="toggle-text"><?php _e( 'Close Menu', 'twentytwenty' ); ?></span>
    2222                    <?php twentytwenty_the_theme_svg( 'cross' ); ?>
    2323                </button><!-- .nav-toggle -->
    … …  
    4646                    ?>
    4747
    48                     <nav class="expanded-menu<?php echo esc_attr( $expanded_nav_classes ); ?>" aria-label="<?php esc_attr_e( 'Expanded', 'twentytwenty' ); ?>">
     48                    <nav class="expanded-menu<?php echo esc_attr( $expanded_nav_classes ); ?>" aria-label="<?php esc_attr_e( 'Expanded', 'twentytwenty' ); ?>" role="navigation">
    4949
    5050                        <ul class="modal-menu reset-list-style">
    … …  
    7171                    ?>
    7272
    73                     <nav class="mobile-menu" aria-label="<?php esc_attr_e( 'Mobile', 'twentytwenty' ); ?>">
     73                    <nav class="mobile-menu" aria-label="<?php esc_attr_e( 'Mobile', 'twentytwenty' ); ?>" role="navigation">
    7474
    7575                        <ul class="modal-menu reset-list-style">
    … …  
    115115                <?php if ( has_nav_menu( 'social' ) ) { ?>
    116116
    117                     <nav aria-label="<?php esc_attr_e( 'Expanded Social links', 'twentytwenty' ); ?>">
    118                         <ul class="social-menu reset-list-style social-icons s-icons">
     117                    <nav aria-label="<?php esc_attr_e( 'Expanded Social links', 'twentytwenty' ); ?>" role="navigation">
     118                        <ul class="social-menu reset-list-style social-icons fill-children-current-color">
    119119
    120120                            <?php

  • trunk/src/wp-content/themes/twentytwenty/template-parts/modal-search.php

    r46357 r46445  
    1818            get_search_form(
    1919                array(
    20                     'label' => _x( 'Search for:', 'Label', 'twentytwenty' ),
     20                    'label' => __( 'Search for:', 'twentytwenty' ),
    2121                )
    2222            );
    2323            ?>
    2424
    25             <button class="toggle search-untoggle fill-children-current-color" data-toggle-target=".search-modal" data-toggle-screen-lock="true" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field">
    26                 <span class="screen-reader-text"><?php _e( 'Close search', 'twentytwenty' ); // phpcs:ignore WordPress.Security.EscapeOutput.UnsafePrintingFunction -- core trusts translations ?></span>
     25            <button class="toggle search-untoggle fill-children-current-color" data-toggle-target=".search-modal" data-toggle-body-class="showing-search-modal" data-set-focus=".search-modal .search-field">
     26                <span class="screen-reader-text"><?php _e( 'Close search', 'twentytwenty' ); ?></span>
    2727                <?php twentytwenty_the_theme_svg( 'cross' ); ?>
    2828            </button><!-- .search-toggle -->

  • trunk/src/wp-content/themes/twentytwenty/template-parts/navigation.php

    r46357 r46445  
    2323    ?>
    2424
    25     <nav class="pagination-single section-inner<?php echo esc_attr( $pagination_classes ); ?>" aria-label="<?php esc_attr_e( 'Post', 'twentytwenty' ); ?>">
     25    <nav class="pagination-single section-inner<?php echo esc_attr( $pagination_classes ); ?>" aria-label="<?php esc_attr_e( 'Post', 'twentytwenty' ); ?>" role="navigation">
    2626
    2727        <hr class="styled-separator is-style-wide" aria-hidden="true" />

  • trunk/src/wp-content/themes/twentytwenty/template-parts/pagination.php

    r46357 r46445  
    3535);
    3636
    37 // If we're not outputting the previous page link, prepend a placeholder with visisibility: hidden to take its place.
     37// If we're not outputting the previous page link, prepend a placeholder with visibility: hidden to take its place.
    3838if ( strpos( $posts_pagination, 'prev page-numbers' ) === false ) {
    3939    $posts_pagination = str_replace( '<div class="nav-links">', '<div class="nav-links"><span class="prev page-numbers placeholder" aria-hidden="true">' . $prev_text . '</span>', $posts_pagination );
    4040}
    4141
    42 // If we're not outputting the next page link, append a placeholder with visisibility: hidden to take its place.
     42// If we're not outputting the next page link, append a placeholder with visibility: hidden to take its place.
    4343if ( strpos( $posts_pagination, 'next page-numbers' ) === false ) {
    4444    $posts_pagination = str_replace( '</div>', '<span class="next page-numbers placeholder" aria-hidden="true">' . $next_text . '</span></div>', $posts_pagination );

  • trunk/src/wp-content/themes/twentytwenty/templates/template-cover.php

    r46357 r46445  
    2525    }
    2626
    27     get_template_part( 'template-parts/footer-menus-widgets' );
    28 
    2927    ?>
    3028
    3129</main><!-- #site-content -->
    3230
     31<?php get_template_part( 'template-parts/footer-menus-widgets' ); ?>
     32
    3333<?php get_footer(); ?>
Note: See TracChangeset for help on using the changeset viewer.