WordPress.org

Make WordPress Core

Changeset 43892


Ignore:
Timestamp:
11/12/2018 11:19:13 PM (4 months ago)
Author:
allancole
Message:

Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.

This update applies the following changes:

  • Improve menu UI to support keyboard, click and touch interactions
  • Improve variable scoping and js performance in menu interaction javascript
  • Improve custom-colors for selected text, buttons and menu hover styles
  • Improve margins structure for more consistency between editor and frontend
  • Improve discussion avatars for simpler wording and better performance
  • Improve fonts in list widgets and list blocks
  • Improve comment responsive spacing and avatar display
  • Improve various block styles to make them consistent between the editor and frontend
  • Add tabbed browsing support for ie11
  • Add backwards compatibility support for older versions of WordPress
  • Add fallback styles for older versions of WP where Gutenberg is activated and then deactivated (backwards compatibility)
  • Add sizes attribute for featured images to improve responsive performance
  • Add focus-within polyfill
  • Add a footer menu for secondary page links
  • Fix editor styles to prevent conflicts with plugins that add meta boxes to the editor
  • Fix columns block issues on small screens
  • Fix empty-space font text cursor issue in Gutenberg editor
  • Fix RTL floating styles so that left/right floats are honored
  • Fix cover image block margins/padding
  • Fix invalid rgba style
  • Fix php warning when returning attributes
  • Fix gallery widget margins to improve gallery grids
  • Fix .entry-content selectors to prevent shortcodes, plugins and other unknown content from breaking the layout
  • Remove translation escaping to follow code standards in previous default themes
  • Remove custom color output in the fronten header when default color is selected
  • Remove fly-out sub-sub-sub-menu behavior on desktop to prevent sub-menus from falling off the screen
  • General code clean up and coding standards improvements

Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa, @tlxo, @themeroots, @whizbangik, @yingles, @youthkee, @brentswisher, @smy315, @ahmadawais, @desi-developer.

Location:
branches/5.0/src/wp-content/themes/twentynineteen
Files:
7 added
3 deleted
53 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentynineteen/archive.php

    r43842 r43892  
    4646            // If no content, include the "No posts found" template.
    4747        else :
    48             get_template_part( 'template-parts/content', 'none' );
     48            get_template_part( 'template-parts/content/content', 'none' );
    4949
    5050        endif;
    5151        ?>
    52 
    53         </main><!-- .site-main -->
    54     </section><!-- .content-area -->
     52        </main><!-- #main -->
     53    </section><!-- #primary -->
    5554
    5655<?php
  • branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php

    r43860 r43892  
    7474        'link'                   => /* material-design – link */ '
    7575<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    76     <path d="M0 0h24v24H0z" fill="none"/>
    77     <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
     76    <path d="M0 0h24v24H0z" fill="none"></path>
     77    <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path>
    7878</svg>',
    7979
     
    8181<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    8282    <defs>
    83         <path id="a" d="M0 0h24v24H0V0z"/>
     83        <path id="a" d="M0 0h24v24H0V0z"></path>
    8484    </defs>
    8585    <clipPath id="b">
    86         <use xlink:href="#a" overflow="visible"/>
     86        <use xlink:href="#a" overflow="visible"></use>
    8787    </clipPath>
    88     <path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"/>
     88    <path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"></path>
    8989</svg>',
    9090
    9191        'archive'                => /* material-design – folder */ '
    9292<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    93     <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
    94     <path d="M0 0h24v24H0z" fill="none"/>
     93    <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path>
     94    <path d="M0 0h24v24H0z" fill="none"></path>
    9595</svg>',
    9696
    9797        'tag'                    => /* material-design – local_offer */ '
    9898<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    99     <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>
    100     <path d="M0 0h24v24H0z" fill="none"/>
     99    <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"></path>
     100    <path d="M0 0h24v24H0z" fill="none"></path>
    101101</svg>',
    102102
    103103        'comment'                => /* material-design – comment */ '
    104104<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    105     <path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/>
    106     <path d="M0 0h24v24H0z" fill="none"/>
     105    <path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"></path>
     106    <path d="M0 0h24v24H0z" fill="none"></path>
    107107</svg>',
    108108
    109109        'person'                 => /* material-design – person */ '
    110110<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    111     <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
    112     <path d="M0 0h24v24H0z" fill="none"/>
     111    <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path>
     112    <path d="M0 0h24v24H0z" fill="none"></path>
    113113</svg>',
    114114
    115115        'edit'                   => /* material-design – edit */ '
    116116<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    117     <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
    118     <path d="M0 0h24v24H0z" fill="none"/>
     117    <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path>
     118    <path d="M0 0h24v24H0z" fill="none"></path>
    119119</svg>',
    120120
    121121        'chevron_left'           => /* material-design – chevron_left */ '
    122122<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    123     <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
    124     <path d="M0 0h24v24H0z" fill="none"/>
     123    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
     124    <path d="M0 0h24v24H0z" fill="none"></path>
    125125</svg>',
    126126
    127127        'chevron_right'          => /* material-design – chevron_right */ '
    128128<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    129     <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
    130     <path d="M0 0h24v24H0z" fill="none"/>
     129    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
     130    <path d="M0 0h24v24H0z" fill="none"></path>
    131131</svg>',
    132132
    133133        'check'                  => /* material-design – check */ '
    134134<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    135     <path d="M0 0h24v24H0z" fill="none"/>
    136     <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
     135    <path d="M0 0h24v24H0z" fill="none"></path>
     136    <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
    137137</svg>',
    138138
    139139        'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
    140140<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    141     <path d="M0 0h24v24H0z" fill="none"/>
    142     <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"/>
     141    <path d="M0 0h24v24H0z" fill="none"></path>
     142    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"></path>
    143143</svg>',
    144144
    145145        'keyboard_arrow_down'    => /* material-design – keyboard_arrow_down */ '
    146146<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    147     <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
    148     <path fill="none" d="M0 0h24v24H0V0z"/>
     147    <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path>
     148    <path fill="none" d="M0 0h24v24H0V0z"></path>
    149149</svg>',
    150150
    151151        'keyboard_arrow_right'   => /* material-design – keyboard_arrow_right */ '
    152152<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
    153     <path d="M10 17l5-5-5-5v10z"/>
    154     <path fill="none" d="M0 24V0h24v24H0z"/>
     153    <path d="M10 17l5-5-5-5v10z"></path>
     154    <path fill="none" d="M0 24V0h24v24H0z"></path>
    155155</svg>',
    156156
    157157        'keyboard_arrow_left'   => /* material-design – keyboard_arrow_left */ '
    158158<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
    159     <path d="M14 7l-5 5 5 5V7z"/>
    160     <path fill="none" d="M24 0v24H0V0h24z"/>
     159    <path d="M14 7l-5 5 5 5V7z"></path>
     160    <path fill="none" d="M24 0v24H0V0h24z"></path>
     161</svg>',
     162
     163        'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
     164<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
     165    <g fill="none" fill-rule="evenodd">
     166        <path d="M0 0h24v24H0z"/>
     167        <path fill="currentColor" fill-rule="nonzero" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zM6 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
     168    </g>
    161169</svg>',
    162170
     
    204212            'plus.google.com',
    205213        ),
     214        'lastfm'   => array(
     215            'last.fm',
     216        ),
    206217        'mail'   => array(
    207218            'mailto:',
     
    230241        '500px'       => '
    231242<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    232     <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"/>
     243    <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"></path>
    233244</svg>',
    234245
    235246        'amazon'      => '
    236247<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    237     <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"/>
     248    <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"></path>
    238249</svg>',
    239250
    240251        'apple'       => '
    241252<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    242     <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"/>
     253    <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"></path>
    243254</svg>',
    244255
    245256        'bandcamp'    => '
    246257<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    247     <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"/>
     258    <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"></path>
    248259</svg>',
    249260
    250261        'behance'     => '
    251262<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    252     <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"/>
     263    <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"></path>
    253264</svg>',
    254265
    255266        'chain'       => '
    256267<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    257     <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"/>
     268    <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"></path>
    258269</svg>',
    259270
    260271        'codepen'     => '
    261272<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    262     <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"/>
     273    <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"></path>
    263274</svg>',
    264275
    265276        'deviantart'  => '
    266277<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    267     <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"/>
     278    <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"></path>
    268279</svg>',
    269280
    270281        'digg'        => '
    271282<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    272     <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"/>
     283    <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"></path>
    273284</svg>',
    274285
    275286        'dribbble'    => '
    276287<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    277     <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"/>
     288    <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"></path>
    278289</svg>',
    279290
    280291        'dropbox'     => '
    281292<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    282     <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"/>
     293    <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"></path>
    283294</svg>',
    284295
    285296        'etsy'        => '
    286297<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    287     <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"/>
     298    <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"></path>
    288299</svg>',
    289300
    290301        'facebook'    => '
    291302<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    292     <path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"/>
     303    <path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"></path>
    293304</svg>',
    294305
    295306        'feed'        => '
    296307<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    297     <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"/>
     308    <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"></path>
    298309</svg>',
    299310
    300311        'flickr'      => '
    301312<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    302     <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"/>
     313    <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"></path>
    303314</svg>',
    304315
    305316        'foursquare'  => '
    306317<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    307     <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"/>
     318    <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"></path>
    308319</svg>',
    309320
    310321        'goodreads'   => '
    311322<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    312     <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"/>
     323    <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"></path>
    313324</svg>',
    314325
    315326        'google-plus' => '
    316327<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    317     <path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"/>
     328    <path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"></path>
    318329</svg>',
    319330
    320331        'google'      => '
    321332<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    322     <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"/>
     333    <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"></path>
    323334</svg>',
    324335
    325336        'github'      => '
    326337<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    327     <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833
    328         c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"/>
     338    <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path>
    329339</svg>',
    330340
    331341        'instagram'   => '
    332342<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    333     <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"/>
     343    <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path>
     344</svg>',
     345
     346        'lastfm'    => '
     347<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     348    <path d="M10.5002,0 C4.7006,0 0,4.70109753 0,10.4998496 C0,16.2989526 4.7006,21 10.5002,21 C16.299,21 21,16.2989526 21,10.4998496 C21,4.70109753 16.299,0 10.5002,0 Z M14.69735,14.7204413 C13.3164,14.7151781 12.4346,14.0870017 11.83445,12.6859357 L11.6816001,12.3451305 L10.35405,9.31011397 C9.92709997,8.26875064 8.85260001,7.57120012 7.68010001,7.57120012 C6.06945001,7.57120012 4.75925001,8.88509738 4.75925001,10.5009524 C4.75925001,12.1164565 6.06945001,13.4303036 7.68010001,13.4303036 C8.77200001,13.4303036 9.76514999,12.827541 10.2719501,11.8567047 C10.2893,11.8235214 10.3239,11.8019673 10.36305,11.8038219 C10.4007,11.8053759 10.43535,11.8287847 10.4504,11.8631709 L10.98655,13.1045863 C11.0016,13.1389726 10.9956,13.17782 10.97225,13.2068931 C10.1605001,14.1995341 8.96020001,14.7683115 7.68010001,14.7683115 C5.33305,14.7683115 3.42340001,12.8535563 3.42340001,10.5009524 C3.42340001,8.14679459 5.33300001,6.23203946 7.68010001,6.23203946 C9.45720002,6.23203946 10.8909,7.19074535 11.6138,8.86359341 C11.6205501,8.88018505 12.3412,10.5707777 12.97445,12.0190621 C13.34865,12.8739575 13.64615,13.3959676 14.6288,13.4291508 C15.5663001,13.4612814 16.25375,12.9121534 16.25375,12.1484869 C16.25375,11.4691321 15.8320501,11.3003585 14.8803,10.98216 C13.2365,10.4397989 12.34495,9.88605929 12.34495,8.51817658 C12.34495,7.1809207 13.26665,6.31615054 14.692,6.31615054 C15.62875,6.31615054 16.3155,6.7286858 16.79215,7.5768142 C16.80495,7.60062396 16.8079001,7.62814302 16.8004001,7.65420843 C16.7929,7.68027384 16.7748,7.70212868 16.7507001,7.713808 L15.86145,8.16900031 C15.8178001,8.19200805 15.7643,8.17807308 15.73565,8.13847371 C15.43295,7.71345711 15.0956,7.52513451 14.6423,7.52513451 C14.05125,7.52513451 13.6220001,7.92899802 13.6220001,8.48649708 C13.6220001,9.17382194 14.1529001,9.34144259 15.0339,9.61923972 C15.14915,9.65578139 15.26955,9.69397731 15.39385,9.73432853 C16.7763,10.1865133 17.57675,10.7311301 17.57675,12.1836251 C17.57685,13.629654 16.3389,14.7204413 14.69735,14.7204413 Z"></path>
    334349</svg>',
    335350
    336351        'linkedin'    => '
    337352<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    338     <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"/>
     353    <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path>
    339354</svg>',
    340355
    341356        'mail'        => '
    342357<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    343     <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"/>
     358    <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"></path>
    344359</svg>',
    345360
    346361        'meetup'      => '
    347362<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    348     <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"/>
     363    <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"></path>
    349364</svg>',
    350365
    351366        'medium'      => '
    352367<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    353     <path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"/>
     368    <path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"></path>
    354369</svg>',
    355370
    356371        'pinterest'   => '
    357372<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    358     <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"/>
     373    <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path>
    359374</svg>',
    360375
    361376        'pocket'      => '
    362377<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    363     <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"/>
     378    <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"></path>
    364379</svg>',
    365380
    366381        'reddit'      => '
    367382<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    368     <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"/>
     383    <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"></path>
    369384</svg>',
    370385
    371386        'skype'       => '
    372387<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    373     <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"/>
     388    <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"></path>
    374389</svg>',
    375390
    376391        'slideshare'  => '
    377392<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    378     <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"/>
     393    <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"></path>
    379394</svg>',
    380395
    381396        'snapchat'    => '
    382397<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    383     <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"/>
     398    <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"></path>
    384399</svg>',
    385400
    386401        'soundcloud'  => '
    387402<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    388     <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"/>
     403    <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"></path>
    389404</svg>',
    390405
    391406        'spotify'     => '
    392407<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    393     <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"/>
     408    <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"></path>
    394409</svg>',
    395410
    396411        'stumbleupon' => '
    397412<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    398     <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"/>
     413    <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"></path>
    399414</svg>',
    400415
    401416        'tumblr'      => '
    402417<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    403     <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"/>
     418    <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"></path>
    404419</svg>',
    405420
    406421        'twitch'      => '
    407422<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    408     <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"/>
     423    <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"></path>
    409424</svg>',
    410425
    411426        'twitter'     => '
    412427<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    413     <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"/>
     428    <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path>
    414429</svg>',
    415430
    416431        'vimeo'       => '
    417432<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    418     <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"/>
     433    <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"></path>
    419434</svg>',
    420435
    421436        'vk'          => '
    422437<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    423     <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"/>
     438    <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"></path>
    424439</svg>',
    425440
    426441        'wordpress'   => '
    427442<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    428     <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"/>
     443    <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path>
    429444</svg>',
    430445
    431446        'yelp'        => '
    432447<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    433     <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"/>
     448    <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"></path>
    434449</svg>',
    435450
    436451        'youtube'     => '
    437452<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    438     <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"/>
     453    <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path>
    439454</svg>',
    440455
  • branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php

    r43860 r43892  
    5656                            }
    5757
    58                             /* translators: %s: comment author link */
    5958                            printf(
     59                                /* translators: %s: comment author link */
    6060                                __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
    6161                                sprintf( '<span class="fn">%s</span>', $comment_author )
     
    7070                    <div class="comment-metadata">
    7171                        <a href="<?php echo esc_url( get_comment_link( $comment, $args ) ); ?>">
    72                             <?php /* translators: 1: comment date, 2: comment time */ ?>
    73                             <time datetime="<?php comment_time( 'c' ); ?>" title="<?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>">
    74                                 <?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>
     72                            <?php
     73                                /* translators: 1: comment date, 2: comment time */
     74                                $comment_timestamp = sprintf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() );
     75                            ?>
     76                            <time datetime="<?php comment_time( 'c' ); ?>" title="<?php echo $comment_timestamp; ?>">
     77                                <?php echo $comment_timestamp; ?>
    7578                            </time>
    7679                        </a>
  • branches/5.0/src/wp-content/themes/twentynineteen/comments.php

    r43860 r43892  
    2222}
    2323
     24$discussion = twentynineteen_get_discussion_data();
    2425?>
    2526
    2627<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
    27     <div class="<?php echo twentynineteen_get_discussion_data()->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
     28    <div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
    2829        <h2 class="comments-title">
    2930        <?php
    3031            if ( comments_open() ) {
    3132                if ( have_comments() ) {
    32                     esc_html_e( 'Join the Conversation', 'twentynineteen' );
     33                    _e( 'Join the Conversation', 'twentynineteen' );
    3334                } else {
    34                     esc_html_e( 'Leave a comment', 'twentynineteen' );
     35                    _e( 'Leave a comment', 'twentynineteen' );
    3536                }
    3637            } else {
    37                 $comments_number = get_comments_number();
    38                 if ( '1' === $comments_number ) {
     38                if ( '1' == $discussion->responses ) {
    3939                    /* translators: %s: post title */
    4040                    printf( _x( 'One reply on &ldquo;%s&rdquo;', 'comments title', 'twentynineteen' ), get_the_title() );
     
    4545                            '%1$s reply on &ldquo;%2$s&rdquo;',
    4646                            '%1$s replies on &ldquo;%2$s&rdquo;',
    47                             $comments_number,
     47                            $discussion->responses,
    4848                            'comments title',
    4949                            'twentynineteen'
    5050                        ),
    51                         number_format_i18n( $comments_number ),
     51                        number_format_i18n( $discussion->responses ),
    5252                        get_the_title()
    5353                    );
     
    103103            ?>
    104104            <div class="comment-form-flex">
    105                 <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
     105                <span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
    106106                <?php twentynineteen_comment_form( 'asc' ); ?>
    107                 <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
     107                <h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
    108108            </div>
    109109            <?php
     
    114114            ?>
    115115            <p class="no-comments">
    116                 <?php esc_html_e( 'Comments are closed.', 'twentynineteen' ); ?>
     116                <?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
    117117            </p>
    118118            <?php
  • branches/5.0/src/wp-content/themes/twentynineteen/footer.php

    r43860 r43892  
    2626                <?php
    2727                /* translators: %s: WordPress. */
    28                 printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
     28                printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
    2929                ?>
    3030            </a>
     
    3434            }
    3535            ?>
     36            <?php if ( has_nav_menu( 'footer' ) ) : ?>
     37                <nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
     38                    <?php
     39                    wp_nav_menu(
     40                        array(
     41                            'theme_location' => 'footer',
     42                            'menu_class'     => 'footer-menu',
     43                            'depth'          => 1,
     44                        )
     45                    );
     46                    ?>
     47                </nav><!-- .footer-navigation -->
     48            <?php endif; ?>
    3649        </div><!-- .site-info -->
    3750    </footer><!-- #colophon -->
  • branches/5.0/src/wp-content/themes/twentynineteen/functions.php

    r43860 r43892  
    99 * @since 1.0.0
    1010 */
     11
     12/**
     13 * Twenty Nineteen only works in WordPress 4.7 or later.
     14 */
     15if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
     16    require get_template_directory() . '/inc/back-compat.php';
     17    return;
     18}
    1119
    1220if ( ! function_exists( 'twentynineteen_setup' ) ) :
     
    4957        register_nav_menus(
    5058            array(
    51                 'menu-1' => esc_html__( 'Primary', 'twentynineteen' ),
     59                'menu-1' => __( 'Primary', 'twentynineteen' ),
     60                'footer' => __( 'Footer Menu', 'twentynineteen' ),
    5261                'social' => __( 'Social Links Menu', 'twentynineteen' ),
    5362            )
     
    8796        add_theme_support( 'customize-selective-refresh-widgets' );
    8897
    89         // Add support for Block Styles
     98        // Add support for Block Styles.
    9099        add_theme_support( 'wp-block-styles' );
    91100
     
    93102        add_theme_support( 'align-wide' );
    94103
    95         // Add support for editor styles
     104        // Add support for editor styles.
    96105        add_theme_support( 'editor-styles' );
    97106
    98         // Enqueue editor styles
     107        // Enqueue editor styles.
    99108        add_editor_style( 'style-editor.css' );
    100109
    101         // Editor color palette
     110        // Editor color palette.
    102111        add_theme_support(
    103112            'editor-color-palette',
    104113            array(
    105114                array(
    106                     'name'  => esc_html__( 'Primary Color', 'twentynineteen' ),
     115                    'name'  => __( 'Primary Color', 'twentynineteen' ),
    107116                    'slug'  => 'primary',
    108117                    'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
     
    111120        );
    112121
    113         // Add support for responsive embedded content
     122        // Add support for responsive embedded content.
    114123        add_theme_support( 'responsive-embeds' );
    115124
     
    145154 * Priority 0 to make it available to lower priority callbacks.
    146155 *
    147  * @global int $content_width
     156 * @global int $content_width Content width.
    148157 */
    149158function twentynineteen_content_width() {
     
    166175
    167176    if ( has_nav_menu( 'menu-1' ) ) {
    168         wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
    169         $l10n_skip_link_focus_fix['expand']   = __( 'Expand child menu', 'twentynineteen' );
    170         $l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
    171         wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
     177        wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '1.0', true );
     178        wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '1.0', true );
    172179    }
    173180
    174181    wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
    175 
    176     if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
    177         wp_add_inline_style( 'twentynineteen-style', twentynineteen_header_featured_image_css() );
    178     }
    179182
    180183    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
     
    185188
    186189/**
    187  * Enqueue supplemental block editor styles
     190 * Enqueue supplemental block editor styles.
    188191 */
    189192function twentynineteen_editor_customizer_styles() {
     
    193196    if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
    194197        // Include color patterns
    195         require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
     198        require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
    196199        wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
    197200    }
     
    204207function twentynineteen_colors_css_wrap() {
    205208
    206     // Only include custom colors in customizer or frontend
    207     if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
     209    // Only include custom colors in customizer or frontend.
     210    if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
    208211        return;
    209212    }
    210213
    211     require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
     214    require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
    212215
    213216    if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
     
    221224        <?php echo twentynineteen_custom_colors_css(); ?>
    222225    </style>
    223 <?php
     226    <?php
    224227}
    225228add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
  • branches/5.0/src/wp-content/themes/twentynineteen/header.php

    r43842 r43892  
    2222<body <?php body_class(); ?>>
    2323<div id="page" class="site">
    24     <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'twentynineteen' ); ?></a>
     24    <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
    2525
    2626        <header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
     
    3232            <?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
    3333                <div class="site-featured-image">
     34                    <?php twentynineteen_post_thumbnail(); ?>
    3435                    <?php the_post(); ?>
    3536                    <?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
    36                     <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
     37                    <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->responses ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
    3738                        <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
    3839                    </div><!-- .entry-header -->
  • branches/5.0/src/wp-content/themes/twentynineteen/image.php

    r43860 r43892  
    6767                            if ( $metadata ) {
    6868                                printf(
    69                                     '<span class="full-size-link"><span class="screen-reader-text">%1$s </span><a href="%2$s">%3$s &times; %4$s</a></span>',
    70                                     esc_html_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
     69                                    '<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s &times; %4$s</a></span>',
     70                                    _x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
    7171                                    esc_url( wp_get_attachment_url() ),
    7272                                    absint( $metadata['width'] ),
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r43860 r43892  
    2727     */
    2828
    29     $saturation      = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
    30     $saturation      = $saturation . '%';
    31 
    32     $lightness       = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
    33     $lightness       = $lightness . '%';
    34 
    35     $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
    36     $lightness_hover = $lightness_hover . '%';
     29    $saturation          = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
     30    $saturation          = $saturation . '%';
     31
     32    $lightness           = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
     33    $lightness           = $lightness . '%';
     34
     35    $lightness_hover     = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
     36    $lightness_hover     = $lightness_hover . '%';
     37
     38    $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
     39    $lightness_selection = $lightness_selection . '%';
    3740
    3841    $theme_css = '
     
    5558        .main-navigation .sub-menu,
    5659        .sticky-post,
    57         .entry-content .wp-block-button .wp-block-button__link,
    58         .button, button, input[type="button"], input[type="reset"], input[type="submit"],
    59         .entry-content > .has-primary-background-color,
    60         .entry-content > *[class^="wp-block-"].has-primary-background-color,
    61         .entry-content > *[class^="wp-block-"] .has-primary-background-color,
    62         .entry-content > *[class^="wp-block-"].is-style-solid-color,
    63         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
    64         .entry-content .wp-block-file .wp-block-file__button {
     60        .entry .entry-content .wp-block-button .wp-block-button__link,
     61        .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
     62        .entry .entry-content > .has-primary-background-color,
     63        .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
     64        .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
     65        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
     66        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
     67        .entry .entry-content .wp-block-file .wp-block-file__button {
    6568            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    6669        }
     
    8891        .entry .entry-content .more-link:hover,
    8992        .main-navigation .main-menu > li > a + svg,
    90         .comment-navigation .nav-previous a:hover,
    91         .comment-navigation .nav-next a:hover,
     93        .comment .comment-metadata > a:hover,
    9294        .comment .comment-metadata .comment-edit-link:hover,
    9395        #colophon .site-info a:hover,
    9496        .widget a,
    95         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    96         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    97         .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
    98         .entry-content > *[class^="wp-block-"] .has-primary-color,
    99         .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
     97        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     98        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     99        .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
     100        .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
     101        .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
    100102            color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    101103        }
     
    105107         * wp block quote
    106108         */
    107         .entry-content blockquote,
    108         .entry-content .wp-block-quote:not(.is-large),
    109         .entry-content .wp-block-quote:not(.is-style-large) {
     109        blockquote,
     110        .entry .entry-content blockquote,
     111        .entry .entry-content .wp-block-quote:not(.is-large),
     112        .entry .entry-content .wp-block-quote:not(.is-style-large) {
    110113            border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    111114        }
     
    146149        .comment .comment-author .fn a:hover,
    147150        .comment-reply-link:hover,
     151        .comment-navigation .nav-previous a:hover,
     152        .comment-navigation .nav-next a:hover,
    148153        #cancel-comment-reply-link:hover,
    149154        .widget a:hover {
     
    155160        .main-navigation .sub-menu > li > a:hover:after,
    156161        .main-navigation .sub-menu > li > a:focus:after,
    157         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
    158         .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
    159             background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     162        .main-navigation .sub-menu > li > .menu-item-link-return:hover,
     163        .main-navigation .sub-menu > li > .menu-item-link-return:focus,
     164        .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
     165        .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
     166            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
     167        }
     168
     169        /* Text selection colors */
     170        ::selection {
     171            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
     172        }
     173        ::-moz-selection {
     174            background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
    160175        }';
    161176
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php

    r43842 r43892  
    7272function twentynineteen_get_the_archive_title() {
    7373    if ( is_category() ) {
    74         $title = esc_html__( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
     74        $title = __( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
    7575    } elseif ( is_tag() ) {
    76         $title = esc_html__( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
     76        $title = __( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
    7777    } elseif ( is_author() ) {
    78         $title = esc_html__( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
     78        $title = __( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
    7979    } elseif ( is_year() ) {
    80         $title = esc_html__( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
     80        $title = __( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
    8181    } elseif ( is_month() ) {
    82         $title = esc_html__( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
     82        $title = __( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
    8383    } elseif ( is_day() ) {
    84         $title = esc_html__( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
     84        $title = __( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
    8585    } elseif ( is_post_type_archive() ) {
    86         $title = esc_html__( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
     86        $title = __( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
    8787    } elseif ( is_tax() ) {
    8888        $tax = get_taxonomy( get_queried_object()->taxonomy );
     
    9090        $title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
    9191    } else {
    92         $title = esc_html__( 'Archives:', 'twentynineteen' );
     92        $title = __( 'Archives:', 'twentynineteen' );
    9393    }
    9494    return $title;
     
    112112    return true;
    113113}
     114
     115/**
     116 * Add custom sizes attribute to responsive image functionality for post thumbnails.
     117 *
     118 * @origin Twenty Nineteen 1.0
     119 *
     120 * @param array $attr  Attributes for the image markup.
     121 * @return string Value for use in post thumbnail 'sizes' attribute.
     122 */
     123function twentynineteen_post_thumbnail_sizes_attr( $attr ) {
     124
     125    if ( is_admin() ) {
     126        return $attr;
     127    }
     128
     129    if ( ! is_singular() ) {
     130        $attr['sizes'] = '(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw';
     131    }
     132
     133    return $attr;
     134}
     135add_filter( 'wp_get_attachment_image_attributes', 'twentynineteen_post_thumbnail_sizes_attr', 10, 1 );
    114136
    115137/**
     
    141163function twentynineteen_get_discussion_data() {
    142164    static $discussion, $post_id;
     165
    143166    $current_post_id = get_the_ID();
    144     if ( $current_post_id === $post_id ) { /* If we have discussion information for post ID, return cached object */
    145         return $discussion;
    146     }
    147     $authors    = array();
    148     $commenters = array();
    149     $user_id    = -1; // is_user_logged_in() ? get_current_user_id() : -1;
    150     $comments   = get_comments(
     167    if ( $current_post_id === $post_id ) {
     168        return $discussion; /* If we have discussion information for post ID, return cached object */
     169    } else {
     170        $post_id = $current_post_id;
     171    }
     172
     173    $comments = get_comments(
    151174        array(
    152175            'post_id' => $current_post_id,
     
    154177            'order'   => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
    155178            'status'  => 'approve',
     179            'number'  => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
    156180        )
    157181    );
     182
     183    $authors = array();
    158184    foreach ( $comments as $comment ) {
    159         $comment_user_id = (int) $comment->user_id;
    160         if ( $comment_user_id !== $user_id ) {
    161             $authors[]    = ( $comment_user_id > 0 ) ? $comment_user_id : $comment->comment_author_email;
    162             $commenters[] = $comment->comment_author_email;
    163         }
    164     }
     185        $authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
     186    }
     187
    165188    $authors    = array_unique( $authors );
    166     $responses  = count( $commenters );
    167     $commenters = array_unique( $commenters );
    168     $post_id    = $current_post_id;
    169189    $discussion = (object) array(
    170         'authors'    => array_slice( $authors, 0, 6 ), /* Unique authors commenting on post (a subset of), excluding current user. */
    171         'commenters' => count( $commenters ),          /* Number of commenters involved in discussion, excluding current user. */
    172         'responses'  => $responses,                    /* Number of responses, excluding responses from current user. */
     190        'authors'   => array_slice( $authors, 0, 6 ),           /* Six unique authors commenting on the post. */
     191        'responses' => get_comments_number( $current_post_id ), /* Number of responses. */
    173192    );
     193
    174194    return $discussion;
    175195}
     196
     197/**
     198 * Add an extra menu to our nav for our priority+ navigation to use
     199 *
     200 * @param object $nav_menu  Nav menu.
     201 * @param object $args      Nav menu args.
     202 * @return string More link for hidden menu items.
     203 */
     204function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
     205
     206    if ( 'menu-1' === $args->theme_location ) :
     207
     208        $nav_menu .= '<div class="main-menu-more"   >';
     209        $nav_menu .= '<ul class="main-menu" tabindex="0">';
     210        $nav_menu .= '<li class="menu-item menu-item-has-children">';
     211        $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html( 'More', 'twentynineteen' ) . '</a>';
     212        $nav_menu .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
     213        $nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
     214        $nav_menu .= '</span>';
     215        $nav_menu .= '<ul class="sub-menu hidden-links is-hidden">';
     216        $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
     217        $nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
     218        $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
     219        $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
     220        $nav_menu .= '</a>';
     221        $nav_menu .= '</li>';
     222        $nav_menu .= '</ul>';
     223        $nav_menu .= '</li>';
     224        $nav_menu .= '</ul>';
     225        $nav_menu .= '</div>';
     226
     227    endif;
     228
     229    return $nav_menu;
     230}
     231add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );
    176232
    177233/**
     
    217273        // @todo Only do this for nested submenus? If on a first-level submenu, then really the link could be "#" since the desire is to remove the target entirely.
    218274        $link = sprintf(
    219             '<a class="menu-item-link-return" id="%1$s" href="%2$s" onclick="%3$s" tabindex="-1">%4$s',
    220             esc_attr( "menu-item-link-return-{$item->original_id}" ),
    221             esc_attr( "#menu-item-link-{$item->original_id}" ),
    222             esc_attr( 'event.preventDefault();' ),
     275            '<span class="menu-item-link-return" tabindex="-1">%s',
    223276            twentynineteen_get_icon_svg( 'chevron_left', 24 )
    224277        );
    225278
     279        // replace opening <a> with <span>
    226280        $output = preg_replace(
    227281            '/<a\s.*?>/',
     
    230284            1 // Limit.
    231285        );
     286
     287        // replace closing </a> with </span>
     288        $output = preg_replace(
     289            '#</a>#i',
     290            '</span>',
     291            $output,
     292            1 // Limit.
     293        );
     294
    232295    } elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
    233         // Add an ID to the link element itself to facilitate navigation from submenu back to parent.
    234         $output = preg_replace( '/(?<=<a\s)/', sprintf( ' id="%s" ', esc_attr( "menu-item-link-{$item->ID}" ) ), $output );
    235296
    236297        // Add SVG icon to parent items.
    237         if ( 0 === $depth ) {
    238             $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
    239         } else {
    240             $icon = twentynineteen_get_icon_svg( 'chevron_right', 24 );
    241         }
    242 
    243         // @todo We might as well just go back to using the SVG element if the link approach is not suitable for no-JS environments.
    244         $link = sprintf(
    245             '<a class="mobile-submenu-expand" href="%s" onclick="%s" tabindex="-1">%s</a>',
    246             esc_attr( "#menu-item-link-return-{$item->ID}" ),
    247             esc_attr( 'event.preventDefault();' ),
     298        $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
     299
     300        $output .= sprintf(
     301            '<span class="submenu-expand" tabindex="-1">%s</span>',
    248302            $icon
    249303        );
    250 
    251         $output .= $link;
    252         $output .= "<span class='desktop-submenu-expand'>$icon</span>";
    253304    }
    254305
  • branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php

    r43860 r43892  
    4444            /* translators: 1: SVG icon. 2: post author, only visible to screen readers. 3: author link. */
    4545            twentynineteen_get_icon_svg( 'person', 16 ),
    46             esc_html__( 'Posted by', 'twentynineteen' ),
     46            __( 'Posted by', 'twentynineteen' ),
    4747            esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
    4848            esc_html( get_the_author() )
     
    8484
    8585            /* translators: used between list items, there is a space after the comma. */
    86             $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
     86            $categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
    8787            if ( $categories_list ) {
    8888                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of categories. */
     
    9090                    '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
    9191                    twentynineteen_get_icon_svg( 'archive', 16 ),
    92                     esc_html__( 'Posted in', 'twentynineteen' ),
     92                    __( 'Posted in', 'twentynineteen' ),
    9393                    $categories_list
    9494                ); // WPCS: XSS OK.
     
    9696
    9797            /* translators: used between list items, there is a space after the comma. */
    98             $tags_list = get_the_tag_list( '', esc_html__( ', ', 'twentynineteen' ) );
     98            $tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
    9999            if ( $tags_list ) {
    100100                /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
     
    102102                    '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
    103103                    twentynineteen_get_icon_svg( 'tag', 16 ),
    104                     esc_html__( 'Tags:', 'twentynineteen' ),
     104                    __( 'Tags:', 'twentynineteen' ),
    105105                    $tags_list
    106106                ); // WPCS: XSS OK.
     
    169169endif;
    170170
    171 if ( ! function_exists( 'twentynineteen_header_featured_image_css' ) ) :
    172     /**
    173      * Returns the CSS for the header featured image background.
    174      */
    175     function twentynineteen_header_featured_image_css() {
    176         $img_url = get_the_post_thumbnail_url( get_the_ID(), 'post-thumbnail' );
    177         return sprintf( 'body.singular .site-header.featured-image .site-branding-container:before { background-image: url(%s); }', esc_url( $img_url ) );
    178     }
    179 endif;
    180 
    181171if ( ! function_exists( 'twentynineteen_comment_avatar' ) ) :
    182172    /**
     
    198188     */
    199189    function twentynineteen_discussion_avatars_list( $comment_authors ) {
    200         if ( ! empty( $comment_authors ) ) {
    201             $out = array( '<ol class="discussion-avatar-list">' );
    202             foreach ( $comment_authors as $id_or_email ) {
    203                 $out[] = sprintf( '<li>%s</li>', twentynineteen_get_user_avatar_markup( $id_or_email ) );
    204             }
    205             $out[] = '</ol><!-- .discussion-avatar-list -->';
    206             echo implode( "\n", $out );
    207         }
    208         return null;
     190        if ( empty( $comment_authors ) ) {
     191            return;
     192        }
     193        echo '<ol class="discussion-avatar-list">', "\n";
     194        foreach ( $comment_authors as $id_or_email ) {
     195            printf(
     196                "<li>%s</li>\n",
     197                twentynineteen_get_user_avatar_markup( $id_or_email )
     198            );
     199        }
     200        echo '</ol><!-- .discussion-avatar-list -->', "\n";
    209201    }
    210202endif;
  • branches/5.0/src/wp-content/themes/twentynineteen/index.php

    r43842 r43892  
    2121        <main id="main" class="site-main">
    2222
    23 <?php
    24     if ( have_posts() ) {
     23        <?php
     24        if ( have_posts() ) {
    2525
    26         // Load posts loop.
    27         while ( have_posts() ) {
    28             the_post();
    29             get_template_part( 'template-parts/content/content' );
     26            // Load posts loop.
     27            while ( have_posts() ) {
     28                the_post();
     29                get_template_part( 'template-parts/content/content' );
     30            }
     31
     32            // Previous/next page navigation.
     33            twentynineteen_the_posts_navigation();
     34
     35        } else {
     36
     37            // If no content, include the "No posts found" template.
     38            get_template_part( 'template-parts/content/content', 'none' );
     39
    3040        }
    31 
    32         // Previous/next page navigation.
    33         twentynineteen_the_posts_navigation();
    34 
    35     } else {
    36 
    37         // If no content, include the "No posts found" template.
    38         get_template_part( 'template-parts/content/content', 'none' );
    39 
    40     }
    41 ?>
     41        ?>
     42       
    4243        </main><!-- .site-main -->
    4344    </section><!-- .content-area -->
  • branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js

    r43860 r43892  
    1212    wp.customize( 'colorscheme', function( value ) {
    1313        value.bind( function( to ) {
    14 
    1514            // Update custom color CSS.
    1615            var style = $( '#custom-theme-colors' ),
    1716                hue = style.data( 'hue' ),
    18                 css = style.html();
     17                css = style.html(),
     18                color;
     19
     20            if( to  === 'custom' ){
     21                //If a "custom" color option is selected, use the currently set colorscheme_primary_hue
     22                color = wp.customize.get().colorscheme_primary_hue;
     23            } else {
     24                //If the "default" option is selected, get the default primary_hue
     25                color = 199;
     26            }
    1927
    2028            // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
    21             css = css.split( hue + ',' ).join( to + ',' );
    22             style.html( css ).data( 'hue', to );
     29            css = css.split( hue + ',' ).join( color + ',' );
     30            style.html( css ).data( 'hue', color );
    2331        });
    2432    });
  • branches/5.0/src/wp-content/themes/twentynineteen/package-lock.json

    r43808 r43892  
    11831183    },
    11841184    "fast-glob": {
    1185       "version": "2.2.2",
    1186       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.2.tgz",
    1187       "integrity": "sha512-TR6zxCKftDQnUAPvkrCWdBgDq/gbqx8A3ApnBrR5rMvpp6+KMJI0Igw7fkWPgeVK0uhRXTXdvO3O+YP0CaUX2g==",
     1185      "version": "2.2.3",
     1186      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.3.tgz",
     1187      "integrity": "sha512-NiX+JXjnx43RzvVFwRWfPKo4U+1BrK5pJPsHQdKMlLoFHrrGktXglQhHliSihWAq+m1z6fHk3uwGHrtRbS9vLA==",
    11881188      "dev": true,
    11891189      "requires": {
     
    26572657    },
    26582658    "merge2": {
    2659       "version": "1.2.2",
    2660       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.2.tgz",
    2661       "integrity": "sha512-bgM8twH86rWni21thii6WCMQMRMmwqqdW3sGWi9IipnVAszdLXRjwDwAnyrVXo6DuP3AjRMMttZKUB48QWIFGg==",
     2659      "version": "1.2.3",
     2660      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz",
     2661      "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==",
    26622662      "dev": true
    26632663    },
     
    31613161    "p-is-promise": {
    31623162      "version": "1.1.0",
    3163       "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
     3163      "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
    31643164      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
    31653165      "dev": true
     
    32963296    },
    32973297    "postcss-cli": {
    3298       "version": "6.0.0",
    3299       "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.0.tgz",
    3300       "integrity": "sha512-7DuxMn1Wj6dJKbjKpZXOdAc5nl5NfPXiJbg0m/+tdObPvgk1xv4+lZgNKD3jL/kCrDRPf1jgFlmq1cHh8lBR2w==",
     3298      "version": "6.0.1",
     3299      "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.1.tgz",
     3300      "integrity": "sha512-M9GiEMzXVMlI4ln8e+mdeHT+qvoHVZdlN06hj5/EhrRZWDr+J1sniPeGJ4nghknl+du3Oj2UoqqhgpKKhiZ9+w==",
    33013301      "dev": true,
    33023302      "requires": {
     
    33093309        "postcss": "^7.0.0",
    33103310        "postcss-load-config": "^2.0.0",
    3311         "postcss-reporter": "^5.0.0",
     3311        "postcss-reporter": "^6.0.0",
    33123312        "pretty-hrtime": "^1.0.3",
    33133313        "read-cache": "^1.0.0",
     
    34503450      }
    34513451    },
     3452    "postcss-focus-within": {
     3453      "version": "3.0.0",
     3454      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
     3455      "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
     3456      "dev": true,
     3457      "requires": {
     3458        "postcss": "^7.0.2"
     3459      }
     3460    },
    34523461    "postcss-load-config": {
    34533462      "version": "2.0.0",
     
    34613470    },
    34623471    "postcss-reporter": {
    3463       "version": "5.0.0",
    3464       "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-5.0.0.tgz",
    3465       "integrity": "sha512-rBkDbaHAu5uywbCR2XE8a25tats3xSOsGNx6mppK6Q9kSFGKc/FyAzfci+fWM2l+K402p1D0pNcfDGxeje5IKg==",
     3472      "version": "6.0.0",
     3473      "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.0.tgz",
     3474      "integrity": "sha512-5xQXm1UPWuFObjbtyQzWvQaupru8yFcFi4HUlm6OPo1o2bUszYASuqRJ7bVArb3svGCdbYtqdMBKrqR1Aoy+tw==",
    34663475      "dev": true,
    34673476      "requires": {
     
    34693478        "lodash": "^4.17.4",
    34703479        "log-symbols": "^2.0.0",
    3471         "postcss": "^6.0.8"
    3472       },
    3473       "dependencies": {
    3474         "postcss": {
    3475           "version": "6.0.23",
    3476           "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
    3477           "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
    3478           "dev": true,
    3479           "requires": {
    3480             "chalk": "^2.4.1",
    3481             "source-map": "^0.6.1",
    3482             "supports-color": "^5.4.0"
    3483           }
    3484         }
     3480        "postcss": "^7.0.2"
    34853481      }
    34863482    },
  • branches/5.0/src/wp-content/themes/twentynineteen/package.json

    r43860 r43892  
    1212    "chokidar-cli": "^1.2.1",
    1313    "node-sass": "^4.9.3",
    14     "postcss-cli": "^6.0.0",
    15     "rtlcss": "^2.4.0",
    16     "npm-run-all": "^4.1.3"
     14    "npm-run-all": "^4.1.3",
     15    "postcss-cli": "^6.0.1",
     16    "postcss-focus-within": "^3.0.0",
     17    "rtlcss": "^2.4.0"
    1718  },
    1819  "rtlcssConfig": {
  • branches/5.0/src/wp-content/themes/twentynineteen/postcss.config.js

    r43808 r43892  
     1var postcssFocusWithin = require('postcss-focus-within');
     2
    13module.exports = {
    24    plugins: {
     
    46    }
    57};
     8
     9module.exports = {
     10    plugins: [
     11        postcssFocusWithin(/* pluginOptions */)
     12    ]
     13};
  • branches/5.0/src/wp-content/themes/twentynineteen/readme.txt

    r43842 r43892  
    33[![Build Status](https://travis-ci.org/WordPress/twentynineteen.svg?branch=master)](https://travis-ci.org/WordPress/twentynineteen)
    44
    5 **Contributors:** the WordPress team 
    6 **Requires at least:** WordPress 4.9.6 
    7 **Tested up to:** WordPress 4.9.8 
    8 **Version:** 1.0 
    9 **License:** GPLv2 or later 
    10 **License URI:** http://www.gnu.org/licenses/gpl-2.0.html 
     5**Contributors:** the WordPress team
     6**Requires at least:** WordPress 4.9.6
     7**Tested up to:** WordPress 4.9.8
     8**Version:** 1.0
     9**License:** GPLv2 or later
     10**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
    1111**Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
    12 
    1312
    1413## Description
     
    23224. Go to https://codex.wordpress.org/Twenty_Nineteen for a guide on how to customize this theme.
    24235. Navigate to Appearance > Customize in your admin panel and customize to taste.
    25 
    2624
    2725## Copyright
     
    6159
    6260### X.X
     61
    6362* Released: XX-XX-XXXX
    6463
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r43860 r43892  
    11/* !Block styles */
    22
    3 .entry-content > *,
    4 .entry-summary > * {
     3.entry .entry-content > *,
     4.entry .entry-summary > * {
     5    margin: 32px 0;
     6    max-width: 100%;
     7
    58    @include postContentMaxWidth();
    69
    7     margin: 32px $size__spacing-unit;
    8 
    910    @include media(tablet) {
    10         margin: 32px calc(2 * (100vw / 12));
    11     }
    12 /*
    13     // Set top margins for headings
    14     & + h1:before,
    15     & + h2:before,
    16     & + h3,
    17     & + h4,
    18     & + h5,
    19     & + h6 {
    20         margin-top: calc(4 * #{ $size__spacing-unit});
    21     }
    22 */
     11        margin: 32px 0;
     12    }
    2313
    2414    > *:first-child {
     
    3121
    3222    &.alignwide {
    33 
    3423        margin-left: auto;
    3524        margin-right: auto;
     25        clear: both;
    3626
    3727        @include media(tablet) {
    38             margin-left: calc(2 * (100vw / 12));
    39             margin-right: calc(2 * (100vw / 12));
    40             max-width: calc(8 * (100vw / 12));
     28            width: 100%;
     29            max-width: 100%;
    4130        }
    4231    }
    4332
    4433    &.alignfull {
    45         margin-top: calc(2 * #{$size__spacing-unit});
    46         margin-right: 0;
    47         margin-bottom: calc(2 * #{$size__spacing-unit});
    48         margin-left: 0;
    49         max-width: 100%;
     34        position: relative;
     35        left: -#{$size__spacing-unit };
     36        width: calc( 100% + (2 * #{$size__spacing-unit}));
     37        max-width: calc( 100% + (2 * #{$size__spacing-unit}));
     38        clear: both;
     39
     40        @include media(tablet) {
     41            margin-top: calc(2 * #{$size__spacing-unit});
     42            margin-bottom: calc(2 * #{$size__spacing-unit});
     43            left: calc( -12.5% - 75px );
     44            width: calc( 125% + 150px );
     45            max-width: calc( 125% + 150px );
     46        }
    5047    }
    5148
    5249    &.alignleft {
     50        /*rtl:ignore*/
    5351        float: left;
    5452        max-width: calc(5 * (100vw / 12));
    5553        margin-top: 0;
     54        margin-left: 0;
     55        /*rtl:ignore*/
     56        margin-right: $size__spacing-unit;
    5657
    5758        @include media(tablet) {
    5859            max-width: calc(4 * (100vw / 12));
     60            /*rtl:ignore*/
    5961            margin-right: calc(2 * #{$size__spacing-unit});
    6062        }
     
    6668
    6769    &.alignright {
     70        /*rtl:ignore*/
    6871        float: right;
    6972        max-width: calc(5 * (100vw / 12));
    7073        margin-top: 0;
     74        margin-right: 0;
     75        /*rtl:ignore*/
    7176        margin-left: $size__spacing-unit;
    72         margin-right: $size__spacing-unit;
    7377
    7478        @include media(tablet) {
    7579            max-width: calc(4 * (100vw / 12));
     80            margin-right: 0;
     81            /*rtl:ignore*/
    7682            margin-left: calc(2 * #{$size__spacing-unit});
    77             margin-right: calc(2 * (100vw / 12));
    7883        }
    7984    }
    8085    &.aligncenter {
    81 
    8286        margin-left: auto;
    8387        margin-right: auto;
    8488
    85         @include media(desktop) {
    86             margin-left: calc(2 * (100vw / 12));
    87             margin-right: calc(2 * (100vw / 12));
    88             max-width: calc(10 * (100vw / 12));
    89             position: relative;
    90             left: 25%;
    91             transform: translate(-50%);
     89        @include postContentMaxWidth();
     90
     91        @include media(tablet) {
     92            margin-left: 0;
     93            margin-right: 0;
    9294        }
    9395    }
    9496}
    9597
    96 .entry-content {
     98/*
     99 * Unset nested content selector styles
     100 * - Prevents layout styles from cascading too deeply
     101 * - helps with plugin compatibility
     102 */
     103.entry .entry-content,
     104.entry .entry-summary {
     105
     106    .entry-content,
     107    .entry-summary,
     108    .entry {
     109        margin: inherit;
     110        max-width: inherit;
     111        padding: inherit;
     112
     113        @include media(tablet) {
     114            margin: inherit;
     115            max-width: inherit;
     116            padding: inherit;
     117        }
     118    }
     119}
     120
     121.entry .entry-content {
     122
     123    //! Paragraphs
     124    p.has-background {
     125        padding: 20px 30px;
     126    }
    97127
    98128    //! Audio
     
    108138        &.alignright audio {
    109139
    110             max-width: (0.5 * $mobile_width);
     140            max-width: (0.33 * $mobile_width);
    111141
    112142            @include media(tablet) {
     
    152182
    153183            &:hover {
     184                background: $color__background-button-hover;
    154185                cursor: pointer;
    155186            }
    156187
    157             &:hover, &:focus {
     188            &:focus {
    158189                background: $color__background-button-hover;
    159             }
    160 
    161             &:focus {
    162190                outline: thin dotted;
    163191                outline-offset: -4px;
     
    197225            font-weight: bold;
    198226            line-height: $font__line-height-heading;
    199 
    200             &:not(.menu-item-has-children) {
    201                 padding-bottom: ( .75 * $size__spacing-unit );
     227            padding-bottom: ( .75 * $size__spacing-unit );
     228
     229            &.menu-item-has-children,
     230            &:last-child {
     231                padding-bottom: 0;
    202232            }
    203233
     
    205235                text-decoration: none;
    206236            }
    207 
    208             ul {
    209                 padding-left: $size__spacing-unit;
    210             }
    211         }
     237        }
     238    }
     239
     240    //! Latest categories
     241    .wp-block-categories {
     242
     243        ul {
     244            padding-top: ( .75 * $size__spacing-unit );
     245        }
     246       
     247        li ul {
     248            list-style: none;
     249            padding-left: 0;
     250        }
     251
     252        @include nestedSubMenuPadding();
    212253    }
    213254
     
    265306            color: $color__text-main;
    266307            border: none;
    267             padding-bottom: calc(2 * #{$size__spacing-unit});
     308            margin-top: calc(4 * #{ $size__spacing-unit});
     309            margin-bottom: calc(4.33 * #{ $size__spacing-unit});
    268310            margin-right: 0;
    269311        }
     
    288330            display: inline-block;
    289331            font-family: $font__heading;
    290             font-size: $font__size-xs;
    291332            line-height: 1.6;
    292333            text-transform: none;
     334            color: $color__text-light;
     335
     336            /*
     337             * This requires a rem-based font size calculation instead of our normal em-based one,
     338             * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     339             */
     340            font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    293341        }
    294342
    295343        &.alignleft,
    296344        &.alignright {
     345            width: 100%;
    297346            padding: 0;
    298347
     
    306355
    307356        &.is-style-solid-color {
    308 
    309357            background-color: $color__link;
     358            padding-left: 0;
     359            padding-right: 0;
     360
     361            @include media(tablet) {
     362                padding-left: 10%;
     363                padding-right: 10%;
     364            }
    310365
    311366            p {
     
    324379            }
    325380
     381            cite {
     382                color: inherit;
     383            }
     384
    326385            blockquote {
     386                max-width: calc(100% - (2 * #{$size__spacing-unit}));
    327387                color: $color__background-body;
    328                 margin: 0 auto;
     388                padding-left: 0;
     389                margin-left: $size__spacing-unit;
     390
     391                @include media(tablet) {
     392                    margin-left: 0;
     393                    margin-right: 0;
     394                }
    329395            }
    330396
     
    333399            }
    334400
    335             &.alignleft,
    336             &.alignright {
    337                 padding: $size__spacing-unit $size__spacing-unit 0;
    338 
    339                 blockquote {
    340                     padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
    341                     margin-left: 0;
    342                     margin-top: 0;
    343                 }
     401            &.alignfull {
    344402
    345403                @include media(tablet) {
    346                     padding: calc( 2 * #{$size__spacing-unit} ) calc( 2 * #{$size__spacing-unit} ) $size__spacing-unit;
     404                    padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     405                    padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
    347406                }
    348407            }
     
    367426
    368427        cite {
    369             font-size: $font__size-xs;
     428            /*
     429             * This requires a rem-based font size calculation instead of our normal em-based one,
     430             * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     431             */
     432            font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    370433        }
    371434
    372435        &.is-large,
    373436        &.is-style-large {
    374             padding: $size__spacing-unit 0 ($size__spacing-unit) ($size__spacing-unit * 2);
    375437            margin: $size__spacing-unit 0;
     438            padding: 0;
    376439            border-left: none;
    377440
     
    384447            cite,
    385448            footer {
    386                 font-size: $font__size-xs;
     449                /*
     450                 * This requires a rem-based font size calculation instead of our normal em-based one,
     451                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     452                 */
     453                font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    387454            }
    388455
    389456            @include media(tablet) {
    390 
    391                 margin: $size__spacing-unit calc(2 * (100vw / 12));
    392                 max-width: calc(6 * (100vw / 12));
     457                margin: $size__spacing-unit 0;
     458                padding: $size__spacing-unit 0;
    393459
    394460                p {
     
    413479        &.alignfull img {
    414480            width: 100vw;
    415             margin-left: auto;
    416             margin-right: auto;
     481
     482            @include media(tablet) {
     483                margin-left: auto;
     484                margin-right: auto;
     485            }
    417486        }
    418487    }
     
    421490    .wp-block-cover-image,
    422491    .wp-block-cover {
     492        position: relative;
     493        min-height: 430px;
     494        padding: $size__spacing-unit;
     495
     496        @include media(tablet) {
     497            padding: $size__spacing-unit 10%;
     498        }
    423499
    424500        .wp-block-cover-image-text,
     
    428504            font-size: $font__size-lg;
    429505            font-weight: bold;
    430 
    431             width: calc(100vw - (2 * #{ $size__spacing-unit }));
    432             max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     506            line-height: 1.25;
     507            padding: 0;
     508            color: #fff;
    433509
    434510            @include media(tablet) {
    435511                font-size: $font__size-xl;
    436                 width: calc(8 * (100vw / 12));
    437                 max-width: calc(8 * (100vw / 12));
    438             }
    439 
    440             @include media(desktop) {
    441                 width: calc(6 * (100vw / 12 ));
    442                 max-width: calc(6 * (100vw / 12 ));
    443             }
    444         }
    445 
    446         &.alignleft,
    447         &.alignright,
     512                max-width: 100%;
     513            }
     514        }
     515
    448516        &.aligncenter {
    449517            h2,
     
    459527        }
    460528
    461         &.aligncenter {
    462             margin: 32px calc(2 * (100vw / 12));
    463             max-width: calc(6 * (100vw / 12));
    464         }
    465 
    466         &.has-left-content {
    467             justify-content: center;
    468 
    469             h2,
     529        &.alignleft,
     530        &.alignright {
     531            width: 100%;
     532        }
     533
     534        &.alignfull {
     535
    470536            .wp-block-cover-image-text,
    471             .wp-block-cover-text {
    472                 padding: $size__spacing-unit;
    473             }
    474         }
    475 
    476         &.has-right-content {
    477             justify-content: center;
    478 
    479             h2,
    480             .wp-block-cover-image-text,
    481             .wp-block-cover-text {
    482                 padding: $size__spacing-unit;
     537            .wp-block-cover-text,
     538            h2 {
     539                @include postContentMaxWidth();
     540            }
     541
     542            @include media(tablet) {
     543                padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     544                padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     545
     546                .wp-block-cover-image-text,
     547                .wp-block-cover-text,
     548                h2 {
     549                    padding: 0;
     550                }
    483551            }
    484552        }
     
    486554
    487555    //! Galleries
    488     .wp-block-gallery .blocks-gallery-image:last-child,
    489     .wp-block-gallery .blocks-gallery-item:last-child {
    490         margin-bottom: 16px;
     556    .wp-block-gallery {
     557        list-style-type: none;
     558        padding-left: 0;
     559
     560        .blocks-gallery-image:last-child,
     561        .blocks-gallery-item:last-child {
     562            margin-bottom: 16px;
     563        }
    491564    }
    492565
     
    508581    .wp-block-separator,
    509582    hr {
     583        background-color: $color__text-light;
     584        border: 0;
     585        height: 2px;
    510586        margin-bottom: (2 * $size__spacing-unit);
    511587        margin-top: (2 * $size__spacing-unit);
     588        max-width: 2.25em;
    512589        text-align: left;
    513590
    514         &:not(.is-style-dots) {
    515             background-color: $color__text-light;
    516             border: 0;
    517             height: 2px;
    518         }
    519 
    520         &:not(.is-style-wide):not(.is-style-dots) {
    521             max-width: 2.25em;
    522         }
    523 
    524         /* Remove duplicate rule-line when a separator
    525          * is followed by an H1, or H2 */
    526         & + h1,
    527         & + h2 {
    528 
    529             &:before {
    530                 display: none;
    531             }
     591        &.is-style-wide {
     592            max-width: 100%;
     593            @include postContentMaxWidth();
    532594        }
    533595
    534596        &.is-style-dots {
     597            max-width: 100%;
    535598            @include postContentMaxWidth();
     599            background-color: inherit;
     600            border: inherit;
     601            height: inherit;
    536602            text-align: center;
    537603
     
    543609            }
    544610        }
     611
     612        /* Remove duplicate rule-line when a separator
     613         * is followed by an H1, or H2 */
     614        & + h1,
     615        & + h2 {
     616
     617            &:before {
     618                display: none;
     619            }
     620        }
    545621    }
    546622
     
    553629    .wp-block-table {
    554630
    555         td, th {
     631        th,
     632        td {
    556633            border-color: $color__text-light;
    557634        }
     
    570647            font-family: $font__heading;
    571648            line-height: $font__line-height-heading;
     649            text-decoration: none;
    572650            font-weight: bold;
    573651            padding: ($size__spacing-unit * .75) $size__spacing-unit;
     652            color: #fff;
    574653
    575654            @include media(desktop) {
     
    579658
    580659            &:hover {
     660                background: $color__background-button-hover;
    581661                cursor: pointer;
    582662            }
    583663
    584             &:hover, &:focus {
     664            &:focus {
    585665                background: $color__background-button-hover;
    586             }
    587 
    588             &:focus {
    589666                outline: thin dotted;
    590667                outline-offset: -4px;
    591668            }
     669        }
     670
     671        * + .wp-block-file__button {
     672            margin-left: ($size__spacing-unit * .75);
    592673        }
    593674    }
     
    607688    .wp-block-columns {
    608689
    609         .wp-block-column > * {
    610 
    611             &:first-child {
    612                 margin-top: 0;
    613             }
    614 
    615             &:last-child {
    616                 margin-bottom: 0;
    617             }
    618         }
    619 
    620         &[class*='has-'] > * {
    621             margin-right: $size__spacing-unit;
    622 
    623             &:last-child {
    624                 margin-right: 0;
     690        @include media(tablet) {
     691            .wp-block-column > * {
     692
     693                &:first-child {
     694                    margin-top: 0;
     695                }
     696
     697                &:last-child {
     698                    margin-bottom: 0;
     699                }
     700            }
     701
     702            &[class*='has-'] > * {
     703                margin-right: $size__spacing-unit;
     704
     705                &:last-child {
     706                    margin-right: 0;
     707                }
    625708            }
    626709        }
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss

    r43842 r43892  
    44
    55::-moz-selection {
    6     background: $color__background_selection;
     6    background-color: $color__background_selection;
    77}
     8
    89::selection {
    9     background: $color__background_selection;
     10    background-color: $color__background_selection;
    1011}
    1112
     
    1718
    1819body {
    19     background: $color__background-body;
     20    background-color: $color__background-body;
    2021}
    2122
     
    4243}
    4344
    44 h1, h2, h3, h4, h5, h6 {
     45h1,
     46h2,
     47h3,
     48h4,
     49h5,
     50h6 {
    4551    clear: both;
    4652    margin: $size__spacing-unit 0;
    4753}
    4854
    49 h1:not(.site-title), h2 {
     55h1:not(.site-title),
     56h2 {
    5057    @include post-section-dash;
    5158}
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss

    r43808 r43892  
    11table {
    22    margin: 0 0 $size__spacing-unit;
     3    border-collapse: collapse;
    34    width: 100%;
    45
    5     td, th {
    6         border-color: $color__text-light;
     6    td,
     7    th {
     8        padding: 0.5em;
     9        border: 1px solid $color__text-light;
     10        word-break: break-all;
    711    }
    812}
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss

    r43860 r43892  
    11.wp-caption {
    22    margin-bottom: calc(1.5 * #{$size__spacing-unit});
     3
     4    &.aligncenter {
     5
     6        @include media(tablet) {
     7            position: relative;
     8            left: calc( #{$size__site-tablet-content} / 2 );
     9            transform: translateX( -50% );
     10        }
     11
     12        @include media(desktop) {
     13            left: calc( #{$size__site-desktop-content} / 2 );
     14        }
     15    }
    316}
    417
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss

    r43842 r43892  
    88.gallery-item {
    99    display: inline-block;
    10     padding-right: $size__spacing-unit;
     10    margin-right: $size__spacing-unit;
    1111    margin-bottom: $size__spacing-unit;
    1212    text-align: center;
     
    1717    @for $i from 2 through 9 {
    1818        .gallery-columns-#{$i} & {
    19             max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
     19            max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
     20
     21            &:nth-of-type(#{$i}n+#{$i}) {
     22                margin-right: 0;
     23            }
    2024        }
    2125    }
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

    r43860 r43892  
    8888}
    8989
     90/* Fallback for non-latin fonts */
     91
     92@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
     93   
     94    /* Arabic */
     95    html[lang="ar"] #{$wrapper_classname} *,
     96    html[lang="ary"] #{$wrapper_classname} *,
     97    html[lang="azb"] #{$wrapper_classname} *,
     98    html[lang="ckb"] #{$wrapper_classname} *,
     99    html[lang="fa-IR"] #{$wrapper_classname} *,
     100    html[lang="haz"] #{$wrapper_classname} *,
     101    html[lang="ps"] #{$wrapper_classname} * {
     102      font-family: Tahoma, Arial, sans-serif !important;
     103    }
     104
     105    /* Cyrillic */
     106    html[lang="be"] #{$wrapper_classname} *,
     107    html[lang="bg-BG"] #{$wrapper_classname} *,
     108    html[lang="kk"] #{$wrapper_classname} *,
     109    html[lang="mk-MK"] #{$wrapper_classname} *,
     110    html[lang="mn"] #{$wrapper_classname} *,
     111    html[lang="ru-RU"] #{$wrapper_classname} *,
     112    html[lang="sah"] #{$wrapper_classname} *,
     113    html[lang="sr-RS"] #{$wrapper_classname} *,
     114    html[lang="tt-RU"] #{$wrapper_classname} *,
     115    html[lang="uk"] #{$wrapper_classname} * {
     116      font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     117    }
     118
     119    /* Chinese (Hong Kong) */
     120    html[lang="zh-HK"] #{$wrapper_classname} * {
     121        font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     122    }
     123
     124    /* Chinese (Taiwan) */
     125    html[lang="zh-TW"] #{$wrapper_classname} * {
     126        font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     127    }
     128
     129    /* Chinese (China) */
     130    html[lang="zh-CN"] #{$wrapper_classname} * {
     131        font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     132    }
     133
     134    /* Devanagari */
     135    html[lang="bn-BD"] #{$wrapper_classname} *,
     136    html[lang="hi-IN"] #{$wrapper_classname} *,
     137    html[lang="mr"] #{$wrapper_classname} *,
     138    html[lang="ne-NP"] #{$wrapper_classname} * {
     139      font-family: Arial, sans-serif !important;
     140    }
     141
     142    /* Greek */
     143    html[lang="el"] #{$wrapper_classname} * {
     144      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     145    }
     146
     147    /* Gujarati */
     148    html[lang="gu"] #{$wrapper_classname} * {
     149      font-family: Arial, sans-serif !important;
     150    }
     151
     152    /* Hebrew */
     153    html[lang="he-IL"] #{$wrapper_classname} * {
     154      font-family: 'Arial Hebrew', Arial, sans-serif !important;
     155    }
     156
     157    /* Japanese */
     158    html[lang="ja"] #{$wrapper_classname} * {
     159      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     160    }
     161
     162    /* Korean */
     163    html[lang="ko-KR"] #{$wrapper_classname} * {
     164      font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     165    }
     166
     167    /* Thai */
     168    html[lang="th"] #{$wrapper_classname} * {
     169      font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     170    }
     171
     172    /* Vietnamese */
     173    html[lang="vi"] #{$wrapper_classname} * {
     174      font-family: 'Libre Franklin', sans-serif !important;
     175    }
     176}
     177
    90178/* Calculates maximum width for post content */
    91179@mixin postContentMaxWidth() {
    92     max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
    93180
    94181    @include media(tablet) {
    95         max-width: calc(8 * (100vw / 12));
     182        max-width: $size__site-tablet-content;
    96183    }
    97184
    98185    @include media(desktop) {
    99         max-width: calc(6 * (100vw / 12));
     186        max-width: $size__site-desktop-content;
     187    }
     188}
     189
     190/* Nested sub-menu padding: 10 levels deep */
     191@mixin nestedSubMenuPadding() {
     192
     193    ul li > a:before {
     194        font-family: $font__body;
     195        font-weight: normal;
     196    }
     197    ul > li > a:before {
     198        content: "\2013\00a0";
     199    }
     200    ul ul li > a:before {
     201        content: "\2013\00a0\2013\00a0";
     202    }
     203    ul ul ul li > a:before {
     204        content: "\2013\00a0\2013\00a0\2013\00a0";
     205    }
     206    ul ul ul ul li > a:before {
     207        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     208    }
     209    ul ul ul ul ul li > a:before {
     210        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     211    }
     212    ul ul ul ul ul ul li > a:before {
     213        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     214    }
     215    ul ul ul ul ul ul ul li > a:before {
     216        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     217    }
     218    ul ul ul ul ul ul ul ul li > a:before {
     219        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     220    }
     221    ul ul ul ul ul ul ul ul ul li > a:before {
     222        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    100223    }
    101224}
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_utilities.scss

    r43808 r43892  
    11
    22@mixin media( $res ) {
     3    @if mobile == $res {
     4        @media only screen and (min-width: $mobile_width) {
     5            @content;
     6        }
     7    }
     8
    39    @if tablet == $res {
    410        @media only screen and (min-width: $tablet_width) {
     
    612        }
    713    }
     14
    815    @if desktop == $res {
    916        @media only screen and (min-width: $desktop_width) {
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss

    r43860 r43892  
    22    /*rtl:ignore*/
    33    float: left;
     4    /*rtl:ignore*/
    45    margin-right: $size__spacing-unit;
     6
     7    @include media(tablet) {
     8        /*rtl:ignore*/
     9        margin-right: calc(2 * #{$size__spacing-unit});
     10    }
    511}
    612
     
    814    /*rtl:ignore*/
    915    float: right;
     16    /*rtl:ignore*/
    1017    margin-left: $size__spacing-unit;
     18
     19    @include media(tablet) {
     20        /*rtl:ignore*/
     21        margin-left: calc(2 * #{$size__spacing-unit});
     22    }
    1123}
    1224
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

    r43860 r43892  
    1616    .main-menu {
    1717
    18         display: inline;
     18        display: inline-block;
    1919        margin: 0;
    2020        padding: 0;
     
    2424            color: $color__link;
    2525            display: inline;
    26 
    27             @include media(tablet) {
    28                 position: relative;
    29             }
     26            position: relative;
    3027
    3128            > a {
     
    4845
    4946                display: inline-block;
     47                position: inherit;
     48
     49                @include media(tablet) {
     50                    position: relative;
     51                }
    5052
    5153                > a {
     
    6264                }
    6365
    64                 .mobile-submenu-expand svg,
    65                 .desktop-submenu-expand svg {
    66                     position: relative;
    67                     top: 0.2rem;
    68                 }
    69 
    70                 .mobile-submenu-expand,
    71                 .desktop-submenu-expand {
     66                .submenu-expand {
     67                    display: inline-block;
    7268                    margin-right: #{0.5 * $size__spacing-unit};
    73                 }
    74             }
    75 
    76             &:last-child > a {
     69
     70                    /* Priority+ Menu */
     71                    &.main-menu-more-toggle {
     72
     73                        position: relative;
     74                        height: 24px;
     75                        line-height: $font__line-height-heading;
     76                        width: 24px;
     77                        padding: 0;
     78                        margin-left: #{0.5 * $size__spacing-unit};
     79
     80                        svg {
     81                            height: 24px;
     82                            width: 24px;
     83                            top: #{-0.125 * $size__spacing-unit};
     84                            vertical-align: text-bottom;
     85                        }
     86                    }
     87
     88                    svg {
     89                        position: relative;
     90                        top: 0.2rem;
     91                    }
     92                }
     93            }
     94
     95            &:last-child > a,
     96            &:last-child.menu-item-has-children .submenu-expand {
    7797                margin-right: 0;
    7898            }
    7999        }
     100
     101        .is-hidden {
     102            display: none;
     103        }
    80104    }
    81105
    82106    .sub-menu {
    83107
    84         background: $color__link;
     108        background-color: $color__link;
    85109        color: $color__background-body;
    86110        list-style: none;
     
    88112
    89113        display: none;
    90         float: left;
    91114        position: absolute;
    92115        opacity: 0;
     
    95118
    96119        @include media(tablet) {
    97             width: max-content;
    98             max-width: calc(3 * (100vw / 12));
     120            width: auto;
     121            min-width: -moz-max-content;
     122            min-width: -webkit-max-content;
     123            min-width: max-content;
    99124        }
    100125
    101126        > li {
    102127
    103             clear: both;
    104128            display: block;
    105129            float: none;
    106130            position: relative;
    107             word-break: break-word;
    108131
    109132            &.menu-item-has-children {
    110133
    111                 .mobile-submenu-expand,
    112                 .desktop-submenu-expand {
     134                .submenu-expand {
     135                    display: inline-block;
    113136                    position: absolute;
    114137                    width: calc( 24px + #{$size__spacing-unit} );
     
    125148                }
    126149
    127                 .mobile-submenu-expand,
    128                 .desktop-submenu-expand {
     150                .submenu-expand {
    129151                    margin-right: 0;
    130152                }
    131153
    132154                @include media(tablet) {
     155
    133156                    .menu-item-has-children > a {
    134157
     
    140163            }
    141164
    142             > a:not(.mobile-submenu-expand) {
     165            > a,
     166            > .menu-item-link-return {
     167
    143168                color: $color__background-body;
    144169                display: block;
    145170                line-height: $font__line-height-heading;
    146171                padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
     172                white-space: nowrap;
    147173
    148174                &:hover,
     
    157183
    158184            &.mobile-parent-nav-menu-item {
     185
    159186                display: none;
    160187                font-size: $font__size-sm;
     
    171198
    172199    /*
     200     * Sub-menu styles
     201     *
    173202     * :focus-within needs its own selector so other similar
    174203     * selectors don’t get ignored if a browser doesn’t recognize it
    175204     */
    176     .main-menu .menu-item-has-children:focus-within > .sub-menu {
     205    .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
     206
    177207        display: block;
    178208        left: 0;
    179209        margin-top: 0;
    180210        opacity: 1;
    181         width: calc( 100vw - #{$size__spacing-unit * 2});
    182 
    183         .sub-menu {
    184 
    185             margin-top: inherit;
    186             position: relative;
    187             padding-left: $size__spacing-unit;
    188 
    189             @include media(tablet) {
    190                 padding-left: 0;
    191                 position: absolute;
    192                 left: 100%;
    193                 width: max-content;
    194                 top: 0;
    195             }
    196         }
    197     }
    198 
    199     .main-menu .menu-item-has-children:hover > .sub-menu,
    200     .main-menu .menu-item-has-children:focus > .sub-menu,
    201     .main-menu .menu-item-has-children .sub-menu:hover,
    202     .main-menu .menu-item-has-children .sub-menu:focus {
     211        width: auto;
     212        min-width: 100%;
     213
     214
    203215        /* Non-mobile position */
    204216        @include media(tablet) {
    205             display: table;
     217            display: block;
    206218            margin-top: 0;
    207219            opacity: 1;
     
    212224            bottom: auto;
    213225            height: auto;
    214             width: max-content;
     226            min-width: -moz-max-content;
     227            min-width: -webkit-max-content;
     228            min-width: max-content;
    215229            transform: none;
    216             animation: fade_in 0.1s forwards;
     230        }
     231
     232        &.hidden-links {
     233            left: 0;
     234            width: 100%;
     235            display: table;
     236            position: absolute;
     237
     238            @include media(tablet) {
     239                right: 0;
     240                left: auto;
     241                display: block;
     242                width: max-content;
     243            }
     244        }
     245
     246        .submenu-expand {
     247            display: none;
    217248        }
    218249
    219250        .sub-menu {
    220 
     251            display: block;
     252            margin-top: inherit;
     253            position: relative;
     254            width: 100%;
     255            left: 0;
     256            opacity: 1;
     257
     258            /* Non-mobile position */
    221259            @include media(tablet) {
    222                 margin-top: inherit;
    223                 padding-left: 0;
    224                 position: absolute;
    225                 left: 100%;
    226                 top: 0;
    227             }
    228         }
    229     }
    230 
    231     .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
    232 
    233         display: table;
     260                float: none;
     261                max-width: 100%;
     262            }
     263        }
     264
     265        /* Nested sub-menu padding: 10 levels deep */
     266        .sub-menu li > a:before {
     267            font-family: $font__body;
     268            font-weight: normal;
     269        }
     270        .sub-menu > li > a:before {
     271            content: "\2013\00a0";
     272        }
     273        .sub-menu .sub-menu li > a:before {
     274            content: "\2013\00a0\2013\00a0";
     275        }
     276        .sub-menu .sub-menu .sub-menu li > a:before {
     277            content: "\2013\00a0\2013\00a0\2013\00a0";
     278        }
     279        .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     280            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     281        }
     282        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     283            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     284        }
     285        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     286            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     287        }
     288        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     289            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     290        }
     291        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     292            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     293        }
     294        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     295            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     296        }
     297    }
     298
     299    .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
     300    .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
     301    .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
     302
     303        display: block;
     304        left: 0;
    234305        margin-top: 0;
    235306        opacity: 1;
    236         padding-left: 0;
    237 
    238         /* Mobile position */
    239         left: 0;
    240         top: 0;
    241         right: 0;
    242         bottom: 0;
    243         position: fixed;
    244         z-index: 100000; /* Make sure appears above mobile admin bar */
    245         width: 100%;
    246         height:  100%;
    247         transform: translateX(+100%);
    248         animation: slide_in_right 0.3s forwards;
    249 
    250         > .mobile-parent-nav-menu-item {
    251             display: inline-block;
    252         }
    253     }
    254 
    255     /* Only show one submenu expand button at a time (desktop vs mobile) */
    256     .desktop-submenu-expand {
    257         display: none;
    258 
     307        width: auto;
     308        min-width: 100%;
     309
     310
     311        /* Non-mobile position */
    259312        @include media(tablet) {
    260             display: inline-block;
    261         }
    262     }
    263 
    264     .mobile-submenu-expand {
    265         display: inline-block;
    266 
    267         @include media(tablet) {
     313            display: block;
     314            float: none;
     315            margin-top: 0;
     316            opacity: 1;
     317            position: absolute;
     318            left: 0;
     319            right: auto;
     320            top: auto;
     321            bottom: auto;
     322            height: auto;
     323            min-width: -moz-max-content;
     324            min-width: -webkit-max-content;
     325            min-width: max-content;
     326            transform: none;
     327        }
     328
     329        &.hidden-links {
     330            left: 0;
     331            width: 100%;
     332            display: table;
     333            position: absolute;
     334
     335            @include media(tablet) {
     336                right: 0;
     337                left: auto;
     338                display: table;
     339                width: max-content;
     340            }
     341        }
     342
     343        .submenu-expand {
    268344            display: none;
    269345        }
    270     }
    271 
     346
     347        .sub-menu {
     348            display: block;
     349            margin-top: inherit;
     350            position: relative;
     351            width: 100%;
     352            left: 0;
     353            opacity: 1;
     354
     355            /* Non-mobile position */
     356            @include media(tablet) {
     357                float: none;
     358                max-width: 100%;
     359            }
     360        }
     361
     362        /* Nested sub-menu padding: 10 levels deep */
     363        .sub-menu li > a:before {
     364            font-family: $font__body;
     365            font-weight: normal;
     366        }
     367        .sub-menu > li > a:before {
     368            content: "\2013\00a0";
     369        }
     370        .sub-menu .sub-menu li > a:before {
     371            content: "\2013\00a0\2013\00a0";
     372        }
     373        .sub-menu .sub-menu .sub-menu li > a:before {
     374            content: "\2013\00a0\2013\00a0\2013\00a0";
     375        }
     376        .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     377            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     378        }
     379        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     380            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     381        }
     382        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     383            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     384        }
     385        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     386            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     387        }
     388        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     389            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     390        }
     391        .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
     392            content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     393        }
     394    }
     395
     396    /**
     397     * Full-screen touch device styles
     398     */
     399    .main-menu .menu-item-has-children.off-canvas .sub-menu {
     400
     401        animation: fade_in 0.1s forwards;
     402
     403        .submenu-expand .svg-icon {
     404            transform: rotate(270deg);
     405        }
     406
     407        .sub-menu {
     408            opacity: 0;
     409            position: absolute;
     410            z-index: 0;
     411            transform: translateX(-100%);
     412        }
     413
     414        li:hover,
     415        li:focus,
     416        li > a:hover,
     417        li > a:focus {
     418            background-color: transparent;
     419        }
     420
     421        &.expanded-true {
     422
     423            display: table;
     424            margin-top: 0;
     425            opacity: 1;
     426            padding-left: 0;
     427
     428            /* Mobile position */
     429            left: 0;
     430            top: 0;
     431            right: 0;
     432            bottom: 0;
     433            position: fixed;
     434            z-index: 100000; /* Make sure appears above mobile admin bar */
     435            width: 100vw;
     436            height:  100vh;
     437            max-width: 100vw;
     438            transform: translateX(+100%);
     439            animation: slide_in_right 0.3s forwards;
     440
     441            > .mobile-parent-nav-menu-item {
     442                display: block;
     443            }
     444
     445            /* Prevent menu from being blocked by admin bar */
     446            .admin-bar & {
     447                top: 46px;
     448                height: calc( 100vh - 46px );
     449
     450                .sub-menu.expanded-true {
     451                    top: 0;
     452                }
     453
     454                /* WP core breakpoint */
     455                @media only screen and ( min-width: 782px ) {
     456                    top: 32px;
     457                    height: calc( 100vh - 32px );
     458
     459                    .sub-menu.expanded-true {
     460                        top: 0;
     461                    }
     462                }
     463            }
     464        }
     465    }
    272466}
    273467
    274 /* Menu Animation */
     468/* Menu animation */
    275469
    276470@keyframes slide_in_right {
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss

    r43842 r43892  
    99@import "menu-main-navigation";
    1010@import "menu-social-navigation";
     11@import "menu-footer-navigation";
    1112
    1213/*--------------------------------------------------------------
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss

    r43842 r43892  
    55
    66    margin: calc(3 * 1rem) 0;
    7    
     7
    88    @include media(tablet) {
    9         margin: calc(3 * 1rem) calc(2 * (100vw / 12));
     9        margin: calc(3 * 1rem) $size__site-margins;
    1010        max-width: calc(6 * (100vw / 12));
    1111    }
    12    
     12
    1313    @include media(desktop) {
    1414        margin: calc(3 * 1rem) 0;
     
    2222        display: flex;
    2323        flex-direction: column;
    24        
     24
    2525        @include media(tablet) {
    2626            margin: 0;
     
    2929        @include media(desktop) {
    3030            flex-direction: row;
    31             margin: 0 calc(2 * (100vw / 12));
    32             max-width: calc(8 * (100vw / 12));
     31            margin: 0 $size__site-margins;
     32            max-width: $size__site-desktop-content;
    3333        }
    3434
     
    124124        }
    125125
     126        a:focus {
     127            text-decoration: underline;
     128            outline-offset: -1px;
     129
     130            &.prev,
     131            &.next {
     132                text-decoration: none;
     133
     134                .nav-prev-text,
     135                .nav-next-text {
     136                    text-decoration: underline;
     137                }
     138            }
     139        }
     140
    126141        .nav-next-text,
    127142        .nav-prev-text {
     
    131146        @include media(tablet) {
    132147
    133             margin-left: calc(2 * (100vw / 12) );
     148            margin-left: $size__site-margins;
    134149            padding: 0;
    135150
     
    156171        display: flex;
    157172        flex-direction: row;
    158         margin: 0 $size__spacing-unit;
    159 
    160         @include media(desktop) {
    161             margin: 0 calc(2 * (100vw / 12));
    162             max-width: calc(8 * (100vw / 12));
    163         }
    164173    }
    165174
     
    185194            top: -1px;
    186195        }
    187 
    188         a {
    189 
    190             &:hover {
    191                 color: $color__link;
    192             }
    193         }
    194196    }
    195197
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss

    r43842 r43892  
    55    .widget-area,
    66    .site-info {
    7 
    87        margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    98
    109        @include media(tablet) {
    11             margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    12             max-width: calc(8 * (100vw / 12));
     10            margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
    1311        }
    1412
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss

    r43860 r43892  
    22
    33.site-header.featured-image {
     4
     5    /* Hide overflow for overflowing featured image */
     6    overflow: hidden;
    47
    58    /* Need relative positioning to properly align layers. */
     
    710
    811    /* Add text shadow to text, to increase readability. */
    9     text-shadow: 0 1px 2px rgba(black, 0.35);
     12    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    1013
    1114    /* Set white text color when featured image is set. */
     
    5558    .site-featured-image svg {
    5659        /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
    57         -webkit-filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
    58                 filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
     60        -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
     61                filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
    5962    }
    6063
    6164    /* Entry header */
    62 
    63     .site-featured-image .entry-header {
    64         margin-top: calc( 4 * #{$size__spacing-unit});
    65         margin-bottom: 0;
    66         margin-left: 0;
    67         margin-right: 0;
    68 
    69         @include media (tablet) {
    70 
    71             margin-left: calc(2 * (100vw / 12));
    72             margin-right: calc(2 * (100vw / 12));
    73         }
    74 
    75         .entry-title {
    76 
    77             &:before {
    78                 background: $color__background-body;
    79             }
    80         }
    81 
    82         /* Entry meta */
    83 
    84         .entry-meta {
    85 
    86             font-weight: 500;
    87 
    88             > span {
    89 
    90                 margin-right: $size__spacing-unit;
    91                 display: inline-block;
    92 
    93                 &:last-child {
    94                     margin-right: 0;
    95                 }
    96             }
    97 
    98             a {
    99 
    100                 @include link-transition;
    101                 color: currentColor;
    102 
    103                 &:hover {
    104                     text-decoration: none;
    105                 }
    106             }
    107 
    108             .svg-icon {
    109                 position: relative;
    110                 display: inline-block;
    111                 vertical-align: middle;
    112                 margin-right: 0.5em;
    113             }
    114 
    115             .discussion-avatar-list {
    116                 display: none;
    117             }
    118         }
    119 
    120         &.has-discussion {
     65    .site-featured-image {
     66
     67        /* First layer: grayscale. */
     68        .post-thumbnail img {
     69            height: auto;
     70            left: 50%;
     71            max-width: 1000%;
     72            min-height: 100%;
     73            min-width: 100vw;
     74            position: absolute;
     75            top: 50%;
     76            transform: translateX(-50%) translateY(-50%);
     77            width: auto;
     78            z-index: 1;
     79
     80            @supports ( object-fit: cover ) {
     81                height: 100%;
     82                left: 0;
     83                object-fit: cover;
     84                top: 0;
     85                transform: none;
     86                width: 100%;
     87            }
     88
     89            /* When image filters are active, make it grayscale to colorize it blue. */
     90            .image-filters-enabled & {
     91                filter: grayscale(100%);
     92            }
     93        }
     94
     95        .entry-header {
     96
     97            margin-top: calc( 4 * #{$size__spacing-unit});
     98            margin-bottom: 0;
     99            margin-left: 0;
     100            margin-right: 0;
    121101
    122102            @include media (tablet) {
    123103
    124                 .entry-meta {
    125                     display: flex;
     104                margin-left: $size__site-margins;
     105                margin-right: $size__site-margins;
     106            }
     107
     108            .entry-title {
     109
     110                &:before {
     111                    background: $color__background-body;
     112                }
     113            }
     114
     115            /* Entry meta */
     116
     117            .entry-meta {
     118
     119                font-weight: 500;
     120
     121                > span {
     122
     123                    margin-right: $size__spacing-unit;
     124                    display: inline-block;
     125
     126                    &:last-child {
     127                        margin-right: 0;
     128                    }
     129                }
     130
     131                a {
     132
     133                    @include link-transition;
     134                    color: currentColor;
     135
     136                    &:hover {
     137                        text-decoration: none;
     138                    }
     139                }
     140
     141                .svg-icon {
    126142                    position: relative;
    127                 }
    128 
    129                 .entry-title {
    130                     padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
    131                 }
    132 
    133                 .entry-meta .comment-count {
    134                     position: absolute;
    135                     right: 0;
    136                 }
    137 
    138                 .entry-meta .discussion-avatar-list {
    139                     display: block;
    140                     position: absolute;
    141                     bottom: 100%;
     143                    display: inline-block;
     144                    vertical-align: middle;
     145                    margin-right: 0.5em;
     146                }
     147
     148                .discussion-avatar-list {
     149                    display: none;
     150                }
     151            }
     152
     153            &.has-discussion {
     154
     155                @include media (tablet) {
     156
     157                    .entry-meta {
     158                        display: flex;
     159                        position: relative;
     160                    }
     161
     162                    .entry-title {
     163                        padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
     164                    }
     165
     166                    .entry-meta .comment-count {
     167                        position: absolute;
     168                        right: 0;
     169                    }
     170
     171                    .entry-meta .discussion-avatar-list {
     172                        display: block;
     173                        position: absolute;
     174                        bottom: 100%;
     175                    }
    142176                }
    143177            }
     
    171205
    172206    /* Set up image filter layer positioning */
    173     .site-branding-container:before,
    174207    .site-branding-container:after,
    175208    .site-featured-image:before,
     
    185218
    186219    /* Background & Effects */
    187     /* Shared background settings between pseudo elements. See .site-branding-container */
     220    /* Shared background settings between pseudo elements. */
    188221    background-position: center;
    189222    background-repeat: no-repeat;
     
    191224
    192225    /* The intensity of each blend mode is controlled via layer opacity. */
    193 
    194     /* First layer: grayscale. */
    195     .site-branding-container:before {
    196         background-position: center;
    197         background-repeat: no-repeat;
    198         background-size: cover;
    199         z-index: 1;
    200 
    201         /* When image filters are active, make it grayscale to colorize it blue. */
    202         .image-filters-enabled & {
    203             filter: grayscale(100%);
    204         }
    205     }
    206226
    207227    /* Second layer: screen. */
     
    213233
    214234    /* Third layer: multiply. */
    215     /* When image filters are inactive, a black overlay is added. */
    216     .site-featured-image:after {
     235    /* When image filters are inactive, a black overlay is added. */
     236    .site-featured-image:after {
    217237        background: #000;
    218238        mix-blend-mode: multiply;
     
    234254    /* Fourth layer: overlay. */
    235255    .image-filters-enabled & .site-branding-container:after {
    236         background: rgba(#000, 0.35);
     256        background: rgba(0, 0, 0, 0.35);
    237257        mix-blend-mode: overlay;
    238258        opacity: 0.5;
     
    253273         */
    254274        transition: opacity 1200ms ease-in-out;
    255         opacity: 0.7;
     275        opacity: 0.7;
    256276        z-index: 5;
    257277
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss

    r43860 r43892  
    3434
    3535    @include media(tablet) {
    36         margin: 0 calc(2 * (100vw / 12));
     36        margin: 0 $size__site-margins;
    3737    }
    3838}
     
    4949        margin-bottom: 0;
    5050        position: absolute;
    51         right: calc(100% + (0.5 * 100vw / 12));
     51        right: calc(100% + (1.25 * #{$size__spacing-unit}));
    5252        top: 4px; // Accounts for box-shadow widths
    5353        z-index: 999;
     
    5757        border-radius: 100%;
    5858        box-sizing: content-box;
    59         box-shadow: 0 0 0 0 rgba(black, 0);
     59        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    6060        display: block;
    6161        width: 32px;
     
    7171        &:active,
    7272        &:focus {
    73             box-shadow: 0 0 0 2px rgba(black, 1);
     73            box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
    7474        }
    7575
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss

    r43842 r43892  
    66
    77    @include media(tablet) {
    8         margin: 0 calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
    9         max-width: calc(8 * (100vw / 12));
     8        margin: 0 $size__site-margins $size__site-margins;
    109    }
    1110
     
    4342
    4443    @include media(tablet) {
    45         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
     44        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
    4645    }
    4746}
     
    5756
    5857        @include media(tablet) {
    59             margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
     58            margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
    6059        }
    6160    }
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss

    r43860 r43892  
    88
    99.comments-area {
     10    margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
     11    @include postContentMaxWidth();
     12
     13    @include media(tablet) {
     14        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     15    }
     16
     17    & > * {
     18        margin-top: calc(2 * #{$size__spacing-unit});
     19        margin-bottom: calc(2 * #{$size__spacing-unit});
     20
     21        @include media(tablet) {
     22            margin-top: calc(3 * #{$size__spacing-unit});
     23            margin-bottom: calc(3 * #{$size__spacing-unit});
     24        }
     25    }
    1026
    1127    /* Add extra margin when the comments section is located immediately after the
     
    1632    }
    1733
    18     .comment-list,
    19     .comment-navigation,
    20     > .comment-respond,
    21     .comment-form-flex,
    22     .no-comments {
    23         margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    24 
    25         @include media(tablet) {
    26             margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    27             max-width: calc(6 * (100vw / 12));
    28         }
    29     }
    30 
    3134    .comments-title-wrap {
    32 
    33         margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
    3435
    3536        @include media(tablet) {
     
    3738            display: flex;
    3839            justify-content: space-between;
    39             margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    40             max-width: calc(8 * (100vw / 12));
    4140        }
    4241
     
    124123    }
    125124
    126     .pingback {
     125    .pingback,
     126    .trackback {
    127127
    128128        .comment-body {
     
    131131            font-size: $font__size-xs;
    132132            font-weight: 500;
     133            margin-top: $size__spacing-unit;
    133134            margin-bottom: $size__spacing-unit;
    134135
     
    151152
    152153.comment-reply {
    153     left: calc(#{$size__spacing-unit} + 100%);
    154     bottom: 0;
    155     position: absolute;
    156154
    157155    #respond + & {
     
    171169        padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
    172170
     171        &.depth-1,
    173172        .children {
    174173            padding-left: 0;
    175174        }
     175
     176        &.depth-1 {
     177            margin-left: calc(3.25 * #{$size__spacing-unit});
     178        }
    176179    }
    177180
    178181    .comment-body {
    179         margin: calc(2 * #{$size__spacing-unit}) 0;
    180     }
     182        margin: calc(2 * #{$size__spacing-unit}) 0 0;
     183    }
     184
    181185
    182186    .comment-meta {
    183187        position: relative;
    184 
    185         @include media(tablet) {
    186             display: flex;
    187         }
    188188    }
    189189
    190190    .comment-author {
    191 
    192         @include media(tablet) {
    193             flex: 0 0 auto;
    194             vertical-align: baseline;
    195         }
    196191
    197192        .avatar {
     
    212207            position: relative;
    213208            display: block;
    214 
    215             @include media(tablet) {
    216                 display: inline-block;
    217                 vertical-align: baseline;
    218             }
    219209
    220210            a {
     
    253243    .comment-metadata {
    254244
    255         @include media(tablet) {
    256             flex: 1 0 auto;
    257             margin-left: $size__spacing-unit;
    258             position: relative;
    259             vertical-align: baseline;
    260         }
    261 
    262245        > a,
    263246        .comment-edit-link {
    264             display: inline-block;
     247            display: inline;
    265248            font-weight: 500;
    266249            color: $color__text-light;
     
    272255
    273256            &:hover {
    274                 color: $color__text-hover;
     257                color: $color__link-hover;
    275258                text-decoration: none;
    276259            }
     
    313296        margin: $size__spacing-unit 0;
    314297
     298        @include media(desktop) {
     299            padding-right: $size__spacing-unit;
     300        }
     301
    315302        > *:first-child {
    316303            margin-top: 0;
     
    319306        > *:last-child {
    320307            margin-bottom: 0;
     308        }
     309
     310        blockquote {
     311            margin-left: 0;
    321312        }
    322313
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss

    r43842 r43892  
    3939
    4040        @include media(tablet) {
    41             margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
     41            margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
    4242        }
    4343    }
     
    101101
    102102        @include media(tablet) {
    103             margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
    104             max-width: calc(8 * (100vw / 12));
    105         }
    106 
    107         @include media(tablet) {
    108             max-width: calc(6 * (100vw / 12));
     103            margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
     104            max-width: $size__site-tablet-content;
     105        }
     106
     107        @include media(tablet) {
     108            max-width: $size__site-desktop-content;
    109109        }
    110110    }
     
    115115
    116116        @include media(tablet) {
    117             margin: $size__spacing-unit calc(2 * (100vw / 12));
     117            margin: $size__spacing-unit $size__site-margins;
    118118        }
    119119
     
    131131            }
    132132        }
    133 
    134133    }
    135134
     
    142141            .post-thumbnail-inner {
    143142                filter: grayscale(100%);
    144                
     143
    145144                &:after {
    146                     background: rgba(#000, 0.35);
     145                    background: rgba(0, 0, 0, 0.35);
    147146                    content: "";
    148147                    display: block;
     
    161160            }
    162161
    163             &:before, &:after {
     162            &:before,
     163            &:after, {
    164164                position: absolute;
    165165                display: block;
     
    172172
    173173            @include filter-duotone;
    174            
     174
     175        }
     176    }
     177
     178    .entry-content,
     179    .entry-summary {
     180        max-width: calc(100% - (2 * #{ $size__spacing-unit }));
     181        margin: 0 $size__spacing-unit;
     182
     183        @include media(tablet) {
     184            max-width: 80%;
     185            margin: 0 10%;
     186            padding: 0 60px;
    175187        }
    176188    }
     
    209221        > iframe[style] {
    210222
    211             margin: 32px $size__spacing-unit !important;
    212             max-width: calc(100vw - (2 * #{ $size__spacing-unit })) !important;
     223            margin: 32px 0 !important;
     224            max-width: 100% !important;
    213225
    214226            @include media(tablet) {
    215                 margin: 32px calc(2 * (100vw / 12)) !important;
    216                 max-width: calc(8 * (100vw / 12)) !important;
     227                max-width: $size__site-tablet-content !important;
    217228            }
    218229
    219230            @include media(desktop) {
    220                 max-width: calc(6 * (100vw / 12)) !important;
    221             }
     231                max-width: $size__site-desktop-content !important;
     232            }
     233        }
     234
     235        // Page links
     236        .page-links a {
     237            margin: calc(0.5 * #{$size__spacing-unit});
     238            text-decoration: none;
    222239        }
    223240
     
    227244
    228245            @include media(tablet) {
    229                 max-width: calc(8 * (100vw / 12));
     246                max-width: $size__site-tablet-content;
    230247            }
    231248
    232249            @include media(desktop) {
    233                 max-width: calc(6 * (100vw / 12));
     250                max-width: $size__site-desktop-content;
    234251            }
    235252        }
     
    240257
    241258.author-bio {
    242 
    243259    margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
    244260
     261    @include postContentMaxWidth();
     262
    245263    @include media(tablet) {
    246         margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
    247         max-width: calc(8 * (100vw / 12));
    248     }
    249 
    250     @include media(tablet) {
    251         max-width: calc(6 * (100vw / 12));
     264        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     265    }
     266
     267    @include media(desktop) {
     268        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
    252269    }
    253270
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

    r43860 r43892  
    1717
    1818.widget_archive,
     19.widget_categories,
     20.widget_meta,
    1921.widget_nav_menu,
    20 .widget_meta,
     22.widget_pages,
     23.widget_recent_comments,
    2124.widget_recent_entries,
    2225.widget_rss {
     
    3033            font-family: $font__heading;
    3134            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    32             font-weight: bold;
     35            font-weight: 700;
    3336            line-height: $font__line-height-heading;
    34 
    35             &:not(.menu-item-has-children) {
    36                 padding-bottom: ( .75 * $size__spacing-unit );
    37             }
    38 
    39             ul {
    40                 padding-left: $size__spacing-unit;
    41             }
     37            margin-top: #{0.5 * $size__spacing-unit};
     38            margin-bottom: #{0.5 * $size__spacing-unit};
    4239        }
    4340
    44         &.sub-menu {
    45             padding-top: ( .75 * $size__spacing-unit );
    46         }
     41        @include nestedSubMenuPadding();
    4742    }
    4843}
     44
     45.widget_tag_cloud {
     46
     47    .tagcloud {
     48        font-family: $font__heading;
     49        font-weight: 700;
     50    }
     51}
     52
    4953
    5054.widget_search {
     
    5559    }
    5660}
     61
     62.widget_calendar .calendar_wrap {
     63    text-align: center;
     64    font-family: $font__heading;
     65
     66    table td,
     67    table th {
     68        border: none;
     69    }
     70
     71    a {
     72        text-decoration: underline;
     73    }
     74}
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss

    r43842 r43892  
    44}
    55
    6 dfn, cite, em, i {
     6dfn,
     7cite,
     8em,
     9i {
    710    font-style: italic;
    811}
     
    2427}
    2528
    26 code, kbd, tt, var {
     29code,
     30kbd,
     31tt,
     32var {
    2733    font-size: $font__size-sm;
    2834    font-family: $font__code;
     
    3440}
    3541
    36 mark, ins {
     42mark,
     43ins {
    3744    background: #fff9c0;
    3845    text-decoration: none;
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss

    r43842 r43892  
     1.author-description .author-link,
     2.comment-metadata,
     3.comment-reply-link,
     4.comments-title,
     5.comment-author .fn,
     6.discussion-meta-info,
     7.entry-meta,
     8.entry-footer,
     9.main-navigation,
     10.no-comments,
     11.not-found .page-title,
     12.error-404 .page-title,
     13.post-navigation .post-title,
     14.page-links,
     15.page-description,
     16.pagination .nav-links,
     17.sticky-post,
     18.site-title,
     19.site-info,
     20#cancel-comment-reply-link,
     21img:after,
     22h1,
     23h2,
     24h3,
     25h4,
     26h5,
     27h6 {
     28    font-family: $font__heading;
     29}
     30
    131.main-navigation,
    232.page-description,
    3 h2.author-title,
    433.author-description .author-link,
    534.not-found .page-title,
     
    1140.no-comments,
    1241.site-title,
    13 h1, h2, h3, h4, h5, h6 {
    14     font-family: $font__heading;
     42h1,
     43h2,
     44h3,
     45h4,
     46h5,
     47h6 {
    1548    font-weight: 700;
    1649    letter-spacing: -0.02em;
     
    1851    -webkit-font-smoothing: antialiased;
    1952    -moz-osx-font-smoothing: grayscale;
    20 }
    21 
    22 .site-info,
    23 .page-description,
    24 .post-navigation .post-title,
    25 .comment-metadata,
    26 .discussion-meta-info,
    27 .entry-meta,
    28 .entry-footer,
    29 .comment-reply-link,
    30 #cancel-comment-reply-link,
    31 img:after,
    32 .page-links,
    33 .sticky-post {
    34     font-family: $font__heading;
    3553}
    3654
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_typography.scss

    r43808 r43892  
    3131
    3232@import "copy";
     33
     34@include non-latin-fonts();
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss

    r43808 r43892  
    44$size__site-main: 100%;
    55$size__site-sidebar: 25%;
     6$size__site-margins: calc(10% + 60px);
     7$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
     8$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
    69
    710// Responsive widths.
    811
    9 $mobile_width: 380px;
     12$mobile_width: 600px;
    1013$tablet_width: 768px;
    1114$desktop_width: 1168px;
  • branches/5.0/src/wp-content/themes/twentynineteen/search.php

    r43842 r43892  
    2020            <header class="page-header">
    2121                <h1 class="page-title">
    22                     <?php esc_html_e( 'Search results for:', 'twentynineteen' ); ?>
     22                    <?php _e( 'Search results for:', 'twentynineteen' ); ?>
    2323                </h1>
    2424                <div class="page-description"><?php echo get_search_query(); ?></div>
  • branches/5.0/src/wp-content/themes/twentynineteen/single.php

    r43842 r43892  
    5656    </section><!-- #primary -->
    5757
    58 <?php get_template_part( 'template-parts/post/post', 'navigation' ); ?>
    59 
    6058<?php
    6159get_footer();
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css

    r43860 r43892  
    11/*!
    2 Twenty Nineteen Customizer Styles
     2Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
    33
    4 NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
     4NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
    55*/
     6/** === Includes === */
     7/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
     8 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
     9 * layers of box-shadow to add the border visually, which will render the border smoother. */
     10/* Fallback for non-latin fonts */
     11/* Calculates maximum width for post content */
     12/* Nested sub-menu padding: 10 levels deep */
     13/** === Non-Latin font fallbacks === */
     14/* Arabic */
     15html[lang="ar"] .wp-block *,
     16html[lang="ary"] .wp-block *,
     17html[lang="azb"] .wp-block *,
     18html[lang="ckb"] .wp-block *,
     19html[lang="fa-IR"] .wp-block *,
     20html[lang="haz"] .wp-block *,
     21html[lang="ps"] .wp-block * {
     22  font-family: Tahoma, Arial, sans-serif !important;
     23}
     24
     25/* Cyrillic */
     26html[lang="be"] .wp-block *,
     27html[lang="bg-BG"] .wp-block *,
     28html[lang="kk"] .wp-block *,
     29html[lang="mk-MK"] .wp-block *,
     30html[lang="mn"] .wp-block *,
     31html[lang="ru-RU"] .wp-block *,
     32html[lang="sah"] .wp-block *,
     33html[lang="sr-RS"] .wp-block *,
     34html[lang="tt-RU"] .wp-block *,
     35html[lang="uk"] .wp-block * {
     36  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     37}
     38
     39/* Chinese (Hong Kong) */
     40html[lang="zh-HK"] .wp-block * {
     41  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     42}
     43
     44/* Chinese (Taiwan) */
     45html[lang="zh-TW"] .wp-block * {
     46  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     47}
     48
     49/* Chinese (China) */
     50html[lang="zh-CN"] .wp-block * {
     51  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     52}
     53
     54/* Devanagari */
     55html[lang="bn-BD"] .wp-block *,
     56html[lang="hi-IN"] .wp-block *,
     57html[lang="mr"] .wp-block *,
     58html[lang="ne-NP"] .wp-block * {
     59  font-family: Arial, sans-serif !important;
     60}
     61
     62/* Greek */
     63html[lang="el"] .wp-block * {
     64  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     65}
     66
     67/* Gujarati */
     68html[lang="gu"] .wp-block * {
     69  font-family: Arial, sans-serif !important;
     70}
     71
     72/* Hebrew */
     73html[lang="he-IL"] .wp-block * {
     74  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     75}
     76
     77/* Japanese */
     78html[lang="ja"] .wp-block * {
     79  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     80}
     81
     82/* Korean */
     83html[lang="ko-KR"] .wp-block * {
     84  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     85}
     86
     87/* Thai */
     88html[lang="th"] .wp-block * {
     89  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     90}
     91
     92/* Vietnamese */
     93html[lang="vi"] .wp-block * {
     94  font-family: 'Libre Franklin', sans-serif !important;
     95}
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.scss

    r43860 r43892  
    11/*!
    2 Twenty Nineteen Customizer Styles
     2Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
    33
    4 NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
     4NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
    55*/
     6
     7/** === Includes === */
     8
     9@import "sass/mixins/mixins-master";
     10
     11/** === Non-Latin font fallbacks === */
     12
     13@include non-latin-fonts( '.wp-block' );
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css

    r43860 r43892  
    66 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    77 * layers of box-shadow to add the border visually, which will render the border smoother. */
     8/* Fallback for non-latin fonts */
    89/* Calculates maximum width for post content */
     10/* Nested sub-menu padding: 10 levels deep */
     11/*
     12 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     13 * This results in a jumping cursor when typing in both the Classic and block
     14 * editors. The following font-face override fixes the issue by manually inserting
     15 * a custom font that includes just a Hoefler Text space replacement for that
     16 * character instead.
     17 */
     18@font-face {
     19  font-family: 'NonBreakingSpaceOverride';
     20  src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
     21}
     22
    923/** === Editor Frame === */
    10 @media screen and (min-width: 600px) {
     24body .wp-block[data-align="full"] {
     25  width: 100%;
     26}
     27
     28@media only screen and (min-width: 600px) {
     29  body {
     30    padding-top: 0;
     31  }
     32  body :not(.editor-inner-blocks) > .editor-block-list__layout,
     33  body .editor-post-title {
     34    padding-left: 0;
     35    padding-right: 0;
     36  }
     37  body .editor-writing-flow {
     38    padding-top: 50px;
     39    overflow: hidden;
     40  }
    1141  body .wp-block[data-align="full"] {
    12     width: calc( 100% + 90px);
    13     max-width: calc( 100% + 90px);
    14   }
    15 }
    16 
    17 @media only screen and (min-width: 768px) {
    18   body {
    19     overflow-x: hidden;
    20   }
    21   body .editor-writing-flow {
     42    position: relative;
     43    left: 45px;
     44  }
     45}
     46
     47@media only screen and (min-width: 768px) {
     48  body :not(.editor-inner-blocks) > .editor-block-list__layout,
     49  body .editor-post-title {
     50    padding-left: 46px;
     51    padding-right: 46px;
     52  }
     53  body .editor-block-list__layout,
     54  body .editor-post-title {
    2255    max-width: 80%;
    2356    margin: 0 10%;
     
    68101body {
    69102  font-size: 22px;
    70   font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     103  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     104  line-height: 1.8;
    71105  color: #111;
    72106}
     
    197231  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    198232  font-size: 2.8125em;
     233  font-weight: 700;
    199234}
    200235
     
    205240}
    206241
     242/** === Heading === */
     243.wp-block-heading strong {
     244  font-weight: bolder;
     245}
     246
    207247/** === Paragraph === */
    208248.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
     
    218258.wp-block-cover .wp-block-cover-text {
    219259  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    220   font-size: 2.25em;
     260  font-size: 1.6875em;
    221261  font-weight: bold;
    222262  line-height: 1.4;
    223 }
    224 
    225 .wp-block-cover.has-left-content h2,
    226 .wp-block-cover.has-left-content .wp-block-cover-text {
    227   padding: 1em;
    228 }
    229 
    230 .wp-block-cover.has-right-content h2,
    231 .wp-block-cover.has-right-content .wp-block-cover-text {
    232   padding: 1em;
    233 }
    234 
    235 .wp-block[data-type="core/cover"][data-align="left"] h2,
    236 .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
    237 .wp-block[data-type="core/cover"][data-align="right"] h2,
    238 .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
     263  padding-left: 1rem;
     264  padding-right: 1rem;
     265}
     266
     267.wp-block-cover h2 strong,
     268.wp-block-cover .wp-block-cover-text strong {
     269  font-weight: bolder;
     270}
     271
     272@media only screen and (min-width: 768px) {
     273  .wp-block-cover h2,
     274  .wp-block-cover .wp-block-cover-text {
     275    margin-left: auto;
     276    margin-right: auto;
     277    padding: 0;
     278  }
     279}
     280
     281@media only screen and (min-width: 768px) {
     282  .wp-block-cover {
     283    padding-left: 10%;
     284    padding-right: 10%;
     285  }
     286  .wp-block-cover h2,
     287  .wp-block-cover .wp-block-cover-text {
     288    font-size: 2.25em;
     289  }
     290}
     291
     292.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
     293.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
     294  width: calc(4 * (100vw / 12));
     295}
     296
     297.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
     298.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
    239299  width: 100%;
    240   max-width: 305px;
     300  max-width: 100%;
     301}
     302
     303@media only screen and (min-width: 768px) {
     304  .wp-block[data-type="core/cover"][data-align="wide"] h2,
     305  .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
     306  .wp-block[data-type="core/cover"][data-align="full"] h2,
     307  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
     308    max-width: calc(8 * (100vw / 12));
     309  }
    241310}
    242311
     
    246315  .wp-block[data-type="core/cover"][data-align="full"] h2,
    247316  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
    248     padding: 0;
    249     width: calc(6 * (100vw / 12));
    250317    max-width: calc(6 * (100vw / 12));
     318  }
     319}
     320
     321@media only screen and (min-width: 768px) {
     322  .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
     323    padding-left: calc(10% + 64px);
     324    padding-right: calc(10% + 64px);
    251325  }
    252326}
     
    319393.wp-block-pullquote {
    320394  border: none;
     395  color: #000;
     396}
     397
     398.wp-block-pullquote blockquote {
     399  margin-top: calc(3 * 1rem);
     400  margin-bottom: calc(3.33 * 1rem);
     401  hyphens: auto;
     402  word-break: break-word;
     403}
     404
     405.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
     406  color: #767676;
    321407}
    322408
    323409.wp-block-pullquote.is-style-solid-color blockquote {
    324   width: calc(100vw - (2 * 1rem));
    325   max-width: 80%;
     410  width: calc(100% - (2 * 1rem));
     411  max-width: calc( 100% - (2 * 1rem));
    326412}
    327413
    328414@media only screen and (min-width: 768px) {
    329415  .wp-block-pullquote.is-style-solid-color blockquote {
    330     width: calc(8 * (100vw / 12));
    331   }
    332 }
    333 
    334 @media only screen and (min-width: 1168px) {
    335   .wp-block-pullquote.is-style-solid-color blockquote {
    336     width: calc(6 * (100vw / 12));
     416    max-width: 80%;
    337417  }
    338418}
     
    344424.wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
    345425  background-color: #0073aa;
    346 }
    347 
    348 .wp-block-pullquote blockquote {
    349   -webkit-hyphens: auto;
    350       -ms-hyphens: auto;
    351           hyphens: auto;
    352   word-break: break-word;
    353426}
    354427
     
    400473.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
    401474.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
     475  width: calc(4 * (100vw / 12));
    402476  max-width: 50%;
    403477}
     
    424498}
    425499
     500@media only screen and (min-width: 768px) {
     501  .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
     502    max-width: calc(80% - 128px);
     503  }
     504}
     505
    426506/** === File === */
    427507.wp-block-file {
     
    488568.wp-block-categories li,
    489569.wp-block-latest-posts li {
     570  color: #767676;
    490571  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    491572  font-size: calc(22px * 1.125);
    492573  font-weight: bold;
    493574  line-height: 1.2;
    494 }
    495 
    496 ul.wp-block-archives li:not(.menu-item-has-children),
    497 .wp-block-categories li:not(.menu-item-has-children),
    498 .wp-block-latest-posts li:not(.menu-item-has-children) {
    499575  padding-bottom: 0.75rem;
     576}
     577
     578ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
     579.wp-block-categories li.menu-item-has-children,
     580.wp-block-categories li:last-child,
     581.wp-block-latest-posts li.menu-item-has-children,
     582.wp-block-latest-posts li:last-child {
     583  padding-bottom: 0;
    500584}
    501585
     
    510594.wp-block-latest-posts li ul {
    511595  padding-left: 1rem;
     596}
     597
     598.wp-block-categories ul {
     599  padding-top: 0.75rem;
     600}
     601
     602.wp-block-categories ul ul li > a:before {
     603  font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
     604  font-weight: normal;
     605}
     606
     607.wp-block-categories ul ul > li > a:before {
     608  content: "\2013\00a0";
     609}
     610
     611.wp-block-categories ul ul ul li > a:before {
     612  content: "\2013\00a0\2013\00a0";
     613}
     614
     615.wp-block-categories ul ul ul ul li > a:before {
     616  content: "\2013\00a0\2013\00a0\2013\00a0";
     617}
     618
     619.wp-block-categories ul ul ul ul ul li > a:before {
     620  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     621}
     622
     623.wp-block-categories ul ul ul ul ul ul li > a:before {
     624  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     625}
     626
     627.wp-block-categories ul ul ul ul ul ul ul li > a:before {
     628  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     629}
     630
     631.wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
     632  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     633}
     634
     635.wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
     636  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     637}
     638
     639.wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
     640  content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     641}
     642
     643.wp-block-categories li ul {
     644  list-style: none;
     645  padding-left: 0;
     646  margin-bottom: -0.75rem;
    512647}
    513648
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

    r43860 r43892  
    99@import "sass/mixins/mixins-master";
    1010
     11/*
     12 * Chrome renders extra-wide &nbsp; characters for the Hoefler Text font.
     13 * This results in a jumping cursor when typing in both the Classic and block
     14 * editors. The following font-face override fixes the issue by manually inserting
     15 * a custom font that includes just a Hoefler Text space replacement for that
     16 * character instead.
     17 */
     18@font-face {
     19    font-family: 'NonBreakingSpaceOverride';
     20    src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
     21         url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
     22
     23}
     24
    1125/** === Editor Frame === */
    1226
    1327body {
    1428
    15     // Non-standard media query necessary to override a Gutenberg breakpoint style.
    16     @media screen and (min-width: 600px) {
     29    .wp-block[data-align="full"] {
     30        width: 100%;
     31    }
     32
     33    @include media(mobile) {
     34        padding-top: 0;
     35
     36        :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
     37        .editor-post-title {
     38            padding-left: 0;
     39            padding-right: 0;
     40        }
     41
     42        .editor-writing-flow {
     43            padding-top: 50px;
     44            overflow: hidden;
     45        }
     46
    1747        .wp-block[data-align="full"] {
    18             width: calc( 100% + 90px );
    19             max-width: calc( 100% + 90px );
     48            position: relative;
     49            left: 45px;
    2050        }
    2151    }
    2252
    2353    @include media(tablet) {
    24         overflow-x: hidden;
    25 
    26         .editor-writing-flow {
     54
     55        :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
     56        .editor-post-title {
     57            padding-left: 46px;
     58            padding-right: 46px;
     59        }
     60
     61        .editor-block-list__layout,
     62        .editor-post-title {
    2763            max-width: 80%;
    2864            margin: 0 10%;
     
    67103    }
    68104
     105    // Only the top level blocks need specific widths, therefore override for every nested block.
    69106    .wp-block {
    70107        width: 100%;
     
    76113body {
    77114    font-size: $font__size_base;
    78     font-family: $font__body;
     115    font-family: 'NonBreakingSpaceOverride', $font__body;
     116    line-height: $font__line-height-body;
    79117    color: $color__text-main;
    80118}
     
    148186}
    149187
    150 .has-primary-background-color { 
    151    
     188.has-primary-background-color {
     189
    152190    p,
    153     h1, 
     191    h1,
    154192    h2,
    155193    h3,
    156194    h4,
    157195    h5,
    158     h6, 
     196    h6,
    159197    a,
    160198    a:hover {
     
    188226        font-family: $font__heading;
    189227        font-size: $font__size-xxl;
     228        font-weight: 700;
    190229    }
    191230}
     
    198237}
    199238
     239/** === Heading === */
     240
     241.wp-block-heading {
     242    strong {
     243        font-weight: bolder;
     244    }
     245}
    200246/** === Paragraph === */
    201247
     
    218264    .wp-block-cover-text {
    219265        font-family: $font__heading;
    220         font-size: $font__size-xl;
     266        font-size: $font__size-lg;
    221267        font-weight: bold;
    222268        line-height: 1.4;
    223     }
    224 
    225     &.has-left-content {
     269        padding-left: $size__spacing-unit;
     270        padding-right: $size__spacing-unit;
     271
     272        strong {
     273            font-weight: bolder;
     274        }
     275
     276        @include media(tablet) {
     277            margin-left: auto;
     278            margin-right: auto;
     279            padding: 0;
     280        }
     281    }
     282
     283    @include media(tablet) {
     284        padding-left: 10%;
     285        padding-right: 10%;
    226286
    227287        h2,
    228288        .wp-block-cover-text {
    229             padding: 1em;
    230         }
    231     }
    232 
    233     &.has-right-content {
     289            font-size: $font__size-xl;
     290        }
     291    }
     292}
     293
     294.wp-block[data-type="core/cover"][data-align="left"],
     295.wp-block[data-type="core/cover"][data-align="right"] {
     296
     297    .editor-block-list__block-edit {
     298        width: calc(4 * (100vw / 12));
     299    }
     300
     301    .wp-block-cover {
     302        width: 100%;
     303        max-width: 100%;
     304    }
     305}
     306
     307.wp-block[data-type="core/cover"][data-align="wide"],
     308.wp-block[data-type="core/cover"][data-align="full"] {
     309
     310    @include media(tablet) {
    234311
    235312        h2,
    236313        .wp-block-cover-text {
    237             padding: 1em;
    238         }
    239     }
    240 }
    241 
    242 .wp-block[data-type="core/cover"][data-align="left"],
    243 .wp-block[data-type="core/cover"][data-align="right"] {
    244 
    245     h2,
    246     .wp-block-cover-text {
    247         width: 100%;
    248         max-width: 305px;
    249     }
    250 }
    251 
    252 .wp-block[data-type="core/cover"][data-align="wide"],
    253 .wp-block[data-type="core/cover"][data-align="full"] {
     314            max-width: calc(8 * (100vw / 12));
     315        }
     316    }
    254317
    255318    @include media(desktop) {
     319
    256320        h2,
    257321        .wp-block-cover-text {
    258             padding: 0;
    259             width: calc(6 * (100vw / 12));
    260322            max-width: calc(6 * (100vw / 12));
     323        }
     324    }
     325}
     326
     327.wp-block[data-type="core/cover"][data-align="full"] {
     328
     329    @include media(tablet) {
     330
     331        .wp-block-cover {
     332            padding-left: calc(10% + 64px);
     333            padding-right: calc(10% + 64px);
    261334        }
    262335    }
     
    347420.wp-block-pullquote {
    348421    border: none;
     422    color: #000;
     423
     424    blockquote {
     425        margin-top: calc(3 * #{ $size__spacing-unit});
     426        margin-bottom: calc(3.33 * #{ $size__spacing-unit});
     427        hyphens: auto;
     428        word-break: break-word;
     429    }
     430
     431    &:not(.is-style-solid-color) .wp-block-pullquote__citation {
     432        color: $color__text-light;
     433    }
    349434
    350435    &.is-style-solid-color {
    351436
    352437        blockquote {
    353             width: calc(100vw - (2 * #{ $size__spacing-unit}));
    354             max-width: 80%;
     438            width: calc(100% - (2 * #{ $size__spacing-unit}));
     439            max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
    355440
    356441            @include media(tablet) {
    357                 width: calc(8 * (100vw / 12));
    358             }
    359 
    360             @include media(desktop) {
    361                 width: calc(6 * (100vw / 12));
     442                max-width: 80%;
    362443            }
    363444        }
     
    370451            background-color: $color__link;
    371452        }
    372     }
    373 
    374     blockquote {
    375         hyphens: auto;
    376         word-break: break-word;
    377453    }
    378454}
     
    412488
    413489    .editor-block-list__block-edit {
     490        width: calc(4 * (100vw / 12));
    414491        max-width: 50%;
    415492
     
    430507    }
    431508}
     509
     510.wp-block[data-type="core/pullquote"][data-align="full"] {
     511   
     512    @include media(tablet) {
     513       
     514        .wp-block-pullquote blockquote {
     515            max-width: calc(80% - 128px);
     516        }
     517    }
     518}
     519
    432520
    433521/** === File === */
     
    502590
    503591    li {
     592        color: $color__text-light;
    504593        font-family: $font__heading;
    505594        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    506595        font-weight: bold;
    507596        line-height: $font__line-height-heading;
    508 
    509         &:not(.menu-item-has-children) {
    510             padding-bottom: ( .75 * $size__spacing-unit );
     597        padding-bottom: ( .75 * $size__spacing-unit );
     598
     599        &.menu-item-has-children,
     600        &:last-child {
     601            padding-bottom: 0;
    511602        }
    512603
     
    519610        }
    520611    }
     612}
     613
     614.wp-block-categories {
     615
     616    ul {
     617        padding-top: ( .75 * $size__spacing-unit );
     618        @include nestedSubMenuPadding();
     619    }
     620
     621    li ul {
     622        list-style: none;
     623        padding-left: 0;
     624        margin-bottom: ( -.75 * $size__spacing-unit );
     625    }
     626
    521627}
    522628
  • branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css

    <
    r43860 r43892  
    5757 * since its edges can look jagged due to lack of antialiasing. In this case, we are several
    5858 * layers of box-shadow to add the border visually, which will render the border smoother. */
     59/* Fallback for non-latin fonts */
    5960/* Calculates maximum width for post content */
     61/* Nested sub-menu padding: 10 levels deep */
    6062/* Normalize */
    6163/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
     
    135137  text-decoration: underline;
    136138  /* 2 */
    137   -webkit-text-decoration: underline dotted;
    138           text-decoration: underline dotted;
     139  text-decoration: underline dotted;
    139140  /* 2 */
    140141}
     
    421422}
    422423
     424.author-description .author-link,
     425.comment-metadata,
     426.comment-reply-link,
     427.comments-title,
     428.comment-author .fn,
     429.discussion-meta-info,
     430.entry-meta,
     431.entry-footer,
     432.main-navigation,
     433.no-comments,
     434.not-found .page-title,
     435.error-404 .page-title,
     436.post-navigation .post-title,
     437.page-links,
     438.page-description,
     439.pagination .nav-links,
     440.sticky-post,
     441.site-title,
     442.site-info,
     443#cancel-comment-reply-link,
     444img:after,
     445h1,
     446h2,
     447h3,
     448h4,
     449h5,
     450h6 {
     451  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     452}
     453
    423454.main-navigation,
    424455.page-description,
    425 h2.author-title,
    426456.author-description .author-link,
    427457.not-found .page-title,
     
    433463.no-comments,
    434464.site-title,
    435 h1, h2, h3, h4, h5, h6 {
    436   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
     465h1,
     466h2,
     467h3,
     468h4,
     469h5,
     470h6 {
    437471  font-weight: 700;
    438472  letter-spacing: -0.02em;
     
    440474  -webkit-font-smoothing: antialiased;
    441475  -moz-osx-font-smoothing: grayscale;
    442 }
    443 
    444 .site-info,
    445 .page-description,
    446 .post-navigation .post-title,
    447 .comment-metadata,
    448 .discussion-meta-info,
    449 .entry-meta,
    450 .entry-footer,
    451 .comment-reply-link,
    452 #cancel-comment-reply-link,
    453 img:after,
    454 .page-links,
    455 .sticky-post {
    456   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    457476}
    458477
     
    559578.comments-title,
    560579blockquote {
    561   -webkit-hyphens: auto;
    562       -ms-hyphens: auto;
    563           hyphens: auto;
     580  hyphens: auto;
    564581  word-break: break-word;
    565582}
     
    568585@media only screen and (min-width: 768px) {
    569586  .entry-title {
    570     -webkit-hyphens: none;
    571         -ms-hyphens: none;
    572             hyphens: none;
     587    hyphens: none;
    573588  }
    574589}
     
    579594}
    580595
    581 dfn, cite, em, i {
     596dfn,
     597cite,
     598em,
     599i {
    582600  font-style: italic;
    583601}
     
    596614}
    597615
    598 code, kbd, tt, var {
     616code,
     617kbd,
     618tt,
     619var {
    599620  font-size: 0.88889em;
    600621  font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
     
    606627}
    607628
    608 mark, ins {
     629mark,
     630ins {
    609631  background: #fff9c0;
    610632  text-decoration: none;
     
    625647a:focus {
    626648  text-decoration: underline;
     649}
     650
     651/* Arabic */
     652html[lang="ar"] .site *,
     653html[lang="ary"] .site *,
     654html[lang="azb"] .site *,
     655html[lang="ckb"] .site *,
     656html[lang="fa-IR"] .site *,
     657html[lang="haz"] .site *,
     658html[lang="ps"] .site * {
     659  font-family: Tahoma, Arial, sans-serif !important;
     660}
     661
     662/* Cyrillic */
     663html[lang="be"] .site *,
     664html[lang="bg-BG"] .site *,
     665html[lang="kk"] .site *,
     666html[lang="mk-MK"] .site *,
     667html[lang="mn"] .site *,
     668html[lang="ru-RU"] .site *,
     669html[lang="sah"] .site *,
     670html[lang="sr-RS"] .site *,
     671html[lang="tt-RU"] .site *,
     672html[lang="uk"] .site * {
     673  font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     674}
     675
     676/* Chinese (Hong Kong) */
     677html[lang="zh-HK"] .site * {
     678  font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     679}
     680
     681/* Chinese (Taiwan) */
     682html[lang="zh-TW"] .site * {
     683  font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     684}
     685
     686/* Chinese (China) */
     687html[lang="zh-CN"] .site * {
     688  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     689}
     690
     691/* Devanagari */
     692html[lang="bn-BD"] .site *,
     693html[lang="hi-IN"] .site *,
     694html[lang="mr"] .site *,
     695html[lang="ne-NP"] .site * {
     696  font-family: Arial, sans-serif !important;
     697}
     698
     699/* Greek */
     700html[lang="el"] .site * {
     701  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     702}
     703
     704/* Gujarati */
     705html[lang="gu"] .site * {
     706  font-family: Arial, sans-serif !important;
     707}
     708
     709/* Hebrew */
     710html[lang="he-IL"] .site * {
     711  font-family: 'Arial Hebrew', Arial, sans-serif !important;
     712}
     713
     714/* Japanese */
     715html[lang="ja"] .site * {
     716  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     717}
     718
     719/* Korean */
     720html[lang="ko-KR"] .site * {
     721  font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     722}
     723
     724/* Thai */
     725html[lang="th"] .site * {
     726  font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     727}
     728
     729/* Vietnamese */
     730html[lang="vi"] .site * {
     731  font-family: 'Libre Franklin', sans-serif !important;
    627732}
    628733
     
    633738
    634739::-moz-selection {
    635   background: #bfdcea;
     740  background-color: #bfdcea;
    636741}
    637742
    638743::selection {
    639   background: #bfdcea;
     744  background-color: #bfdcea;
    640745}
    641746
     
    647752
    648753body {
    649   background: #fff;
     754  background-color: #fff;
    650755}
    651756
     
    668773}
    669774
    670 h1, h2, h3, h4, h5, h6 {
     775h1,
     776h2,
     777h3,
     778h4,
     779h5,
     780h6 {
    671781  clear: both;
    672782  margin: 1rem 0;
    673783}
    674784
    675 h1:not(.site-title):before, h2:before {
     785h1:not(.site-title):before,
     786h2:before {
    676787  background: #767676;
    677788  content: "\020";
     
    748859table {
    749860  margin: 0 0 1rem;
     861  border-collapse: collapse;
    750862  width: 100%;
    751863}
    752864
    753 table td, table th {
    754   border-color: #767676;
     865table td,
     866table th {
     867  padding: 0.5em;
     868  border: 1px solid #767676;
     869  word-break: break-all;
    755870}
    756871
     
    8941009  margin-top: 0.25rem;
    8951010  /*
     1011     * Sub-menu styles
     1012     *
    8961013     * :focus-within needs its own selector so other similar
    8971014     * selectors don’t get ignored if a browser doesn’t recognize it
    8981015     */
    899   /* Only show one submenu expand button at a time (desktop vs mobile) */
     1016  /**
     1017     * Full-screen touch device styles
     1018     */
    9001019}
    9011020
     
    9091028
    9101029.main-navigation .main-menu {
    911   display: inline;
     1030  display: inline-block;
    9121031  margin: 0;
    9131032  padding: 0;
     
    9171036  color: #0073aa;
    9181037  display: inline;
    919 }
    920 
    921 @media only screen and (min-width: 768px) {
    922   .main-navigation .main-menu > li {
    923     position: relative;
    924   }
     1038  position: relative;
    9251039}
    9261040
     
    9421056.main-navigation .main-menu > li.menu-item-has-children {
    9431057  display: inline-block;
     1058  position: inherit;
     1059}
     1060
     1061@media only screen and (min-width: 768px) {
     1062  .main-navigation .main-menu > li.menu-item-has-children {
     1063    position: relative;
     1064  }
    9441065}
    9451066
     
    9541075}
    9551076
    956 .main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand svg,
    957 .main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
     1077.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
     1078  display: inline-block;
     1079  margin-left: 0.5rem;
     1080  /* Priority+ Menu */
     1081}
     1082
     1083.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
     1084  position: relative;
     1085  height: 24px;
     1086  line-height: 1.2;
     1087  width: 24px;
     1088  padding: 0;
     1089  margin-right: 0.5rem;
     1090}
     1091
     1092.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
     1093  height: 24px;
     1094  width: 24px;
     1095  top: -0.125rem;
     1096  vertical-align: text-bottom;
     1097}
     1098
     1099.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
    9581100  position: relative;
    9591101  top: 0.2rem;
    9601102}
    9611103
    962 .main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
    963 .main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
    964   margin-left: 0.5rem;
    965 }