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. Built from https://develop.svn.wordpress.org/branches/5.0@43892 git-svn-id: http://core.svn.wordpress.org/branches/5.0@43721 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
allancole
parent
67bd8ce94c
commit
31692a5f6e
|
|
@ -45,13 +45,12 @@ get_header();
|
|||
|
||||
// If no content, include the "No posts found" template.
|
||||
else :
|
||||
get_template_part( 'template-parts/content', 'none' );
|
||||
get_template_part( 'template-parts/content/content', 'none' );
|
||||
|
||||
endif;
|
||||
?>
|
||||
|
||||
</main><!-- .site-main -->
|
||||
</section><!-- .content-area -->
|
||||
</main><!-- #main -->
|
||||
</section><!-- #primary -->
|
||||
|
||||
<?php
|
||||
get_footer();
|
||||
|
|
|
|||
|
|
@ -73,91 +73,99 @@ class TwentyNineteen_SVG_Icons {
|
|||
static $ui_icons = array(
|
||||
'link' => /* material-design – link */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
<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 d="M0 0h24v24H0z" fill="none"></path>
|
||||
<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>
|
||||
</svg>',
|
||||
|
||||
'watch' => /* material-design – watch-later */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<defs>
|
||||
<path id="a" d="M0 0h24v24H0V0z"/>
|
||||
<path id="a" d="M0 0h24v24H0V0z"></path>
|
||||
</defs>
|
||||
<clipPath id="b">
|
||||
<use xlink:href="#a" overflow="visible"/>
|
||||
<use xlink:href="#a" overflow="visible"></use>
|
||||
</clipPath>
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'archive' => /* material-design – folder */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<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 d="M0 0h24v24H0z" fill="none"/>
|
||||
<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>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'tag' => /* material-design – local_offer */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<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 d="M0 0h24v24H0z" fill="none"/>
|
||||
<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>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'comment' => /* material-design – comment */ '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 d="M0 0h24v24H0z" fill="none"/>
|
||||
<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>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'person' => /* material-design – person */ '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 d="M0 0h24v24H0z" fill="none"/>
|
||||
<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>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'edit' => /* material-design – edit */ '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 d="M0 0h24v24H0z" fill="none"/>
|
||||
<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>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'chevron_left' => /* material-design – chevron_left */ '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'chevron_right' => /* material-design – chevron_right */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
</svg>',
|
||||
|
||||
'check' => /* material-design – check */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
|
||||
<path d="M0 0h24v24H0z" fill="none"></path>
|
||||
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
|
||||
</svg>',
|
||||
|
||||
'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M0 0h24v24H0z" fill="none"/>
|
||||
<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 d="M0 0h24v24H0z" fill="none"></path>
|
||||
<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>
|
||||
</svg>',
|
||||
|
||||
'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
|
||||
<path fill="none" d="M0 0h24v24H0V0z"/>
|
||||
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path>
|
||||
<path fill="none" d="M0 0h24v24H0V0z"></path>
|
||||
</svg>',
|
||||
|
||||
'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||||
<path d="M10 17l5-5-5-5v10z"/>
|
||||
<path fill="none" d="M0 24V0h24v24H0z"/>
|
||||
<path d="M10 17l5-5-5-5v10z"></path>
|
||||
<path fill="none" d="M0 24V0h24v24H0z"></path>
|
||||
</svg>',
|
||||
|
||||
'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<path d="M14 7l-5 5 5 5V7z"/>
|
||||
<path fill="none" d="M24 0v24H0V0h24z"/>
|
||||
<path d="M14 7l-5 5 5 5V7z"></path>
|
||||
<path fill="none" d="M24 0v24H0V0h24z"></path>
|
||||
</svg>',
|
||||
|
||||
'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path d="M0 0h24v24H0z"/>
|
||||
<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"/>
|
||||
</g>
|
||||
</svg>',
|
||||
|
||||
);
|
||||
|
|
@ -203,6 +211,9 @@ class TwentyNineteen_SVG_Icons {
|
|||
'google-plus' => array(
|
||||
'plus.google.com',
|
||||
),
|
||||
'lastfm' => array(
|
||||
'last.fm',
|
||||
),
|
||||
'mail' => array(
|
||||
'mailto:',
|
||||
),
|
||||
|
|
@ -229,213 +240,217 @@ class TwentyNineteen_SVG_Icons {
|
|||
static $social_icons = array(
|
||||
'500px' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'amazon' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'apple' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'bandcamp' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"/>
|
||||
<path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"></path>
|
||||
</svg>',
|
||||
|
||||
'behance' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'chain' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'codepen' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'deviantart' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'digg' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'dribbble' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'dropbox' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'etsy' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'facebook' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'feed' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'flickr' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'foursquare' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'goodreads' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'google-plus' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'google' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'github' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'instagram' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'lastfm' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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>
|
||||
</svg>',
|
||||
|
||||
'linkedin' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'mail' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'meetup' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'medium' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'pinterest' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'pocket' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'reddit' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'skype' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'slideshare' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'snapchat' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'soundcloud' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'spotify' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'stumbleupon' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'tumblr' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'twitch' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'twitter' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'vimeo' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'vk' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'wordpress' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'yelp' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
'youtube' => '
|
||||
<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<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 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>
|
||||
</svg>',
|
||||
|
||||
);
|
||||
|
|
|
|||
|
|
@ -55,8 +55,8 @@ class TwentyNineteen_Walker_Comment extends Walker_Comment {
|
|||
printf( '<span class="post-author-badge" aria-hidden="true">%s</span>', twentynineteen_get_icon_svg( 'check', 24 ) );
|
||||
}
|
||||
|
||||
/* translators: %s: comment author link */
|
||||
printf(
|
||||
/* translators: %s: comment author link */
|
||||
__( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
|
||||
sprintf( '<span class="fn">%s</span>', $comment_author )
|
||||
);
|
||||
|
|
@ -69,9 +69,12 @@ class TwentyNineteen_Walker_Comment extends Walker_Comment {
|
|||
|
||||
<div class="comment-metadata">
|
||||
<a href="<?php echo esc_url( get_comment_link( $comment, $args ) ); ?>">
|
||||
<?php /* translators: 1: comment date, 2: comment time */ ?>
|
||||
<time datetime="<?php comment_time( 'c' ); ?>" title="<?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>">
|
||||
<?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>
|
||||
<?php
|
||||
/* translators: 1: comment date, 2: comment time */
|
||||
$comment_timestamp = sprintf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() );
|
||||
?>
|
||||
<time datetime="<?php comment_time( 'c' ); ?>" title="<?php echo $comment_timestamp; ?>">
|
||||
<?php echo $comment_timestamp; ?>
|
||||
</time>
|
||||
</a>
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -21,21 +21,21 @@ if ( post_password_required() ) {
|
|||
return;
|
||||
}
|
||||
|
||||
$discussion = twentynineteen_get_discussion_data();
|
||||
?>
|
||||
|
||||
<div id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
|
||||
<div class="<?php echo twentynineteen_get_discussion_data()->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
|
||||
<div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
|
||||
<h2 class="comments-title">
|
||||
<?php
|
||||
if ( comments_open() ) {
|
||||
if ( have_comments() ) {
|
||||
esc_html_e( 'Join the Conversation', 'twentynineteen' );
|
||||
_e( 'Join the Conversation', 'twentynineteen' );
|
||||
} else {
|
||||
esc_html_e( 'Leave a comment', 'twentynineteen' );
|
||||
_e( 'Leave a comment', 'twentynineteen' );
|
||||
}
|
||||
} else {
|
||||
$comments_number = get_comments_number();
|
||||
if ( '1' === $comments_number ) {
|
||||
if ( '1' == $discussion->responses ) {
|
||||
/* translators: %s: post title */
|
||||
printf( _x( 'One reply on “%s”', 'comments title', 'twentynineteen' ), get_the_title() );
|
||||
} else {
|
||||
|
|
@ -44,11 +44,11 @@ if ( post_password_required() ) {
|
|||
_nx(
|
||||
'%1$s reply on “%2$s”',
|
||||
'%1$s replies on “%2$s”',
|
||||
$comments_number,
|
||||
$discussion->responses,
|
||||
'comments title',
|
||||
'twentynineteen'
|
||||
),
|
||||
number_format_i18n( $comments_number ),
|
||||
number_format_i18n( $discussion->responses ),
|
||||
get_the_title()
|
||||
);
|
||||
}
|
||||
|
|
@ -102,9 +102,9 @@ if ( post_password_required() ) {
|
|||
if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
|
||||
?>
|
||||
<div class="comment-form-flex">
|
||||
<span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
|
||||
<span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
|
||||
<?php twentynineteen_comment_form( 'asc' ); ?>
|
||||
<h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
|
||||
<h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
|
||||
</div>
|
||||
<?php
|
||||
endif;
|
||||
|
|
@ -113,7 +113,7 @@ if ( post_password_required() ) {
|
|||
if ( ! comments_open() ) :
|
||||
?>
|
||||
<p class="no-comments">
|
||||
<?php esc_html_e( 'Comments are closed.', 'twentynineteen' ); ?>
|
||||
<?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
|
||||
</p>
|
||||
<?php
|
||||
endif;
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
|
|
@ -25,7 +25,7 @@
|
|||
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
|
||||
<?php
|
||||
/* translators: %s: WordPress. */
|
||||
printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
|
||||
printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
|
||||
?>
|
||||
</a>
|
||||
<?php
|
||||
|
|
@ -33,6 +33,19 @@
|
|||
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
|
||||
}
|
||||
?>
|
||||
<?php if ( has_nav_menu( 'footer' ) ) : ?>
|
||||
<nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
|
||||
<?php
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'theme_location' => 'footer',
|
||||
'menu_class' => 'footer-menu',
|
||||
'depth' => 1,
|
||||
)
|
||||
);
|
||||
?>
|
||||
</nav><!-- .footer-navigation -->
|
||||
<?php endif; ?>
|
||||
</div><!-- .site-info -->
|
||||
</footer><!-- #colophon -->
|
||||
|
||||
|
|
|
|||
|
|
@ -9,6 +9,14 @@
|
|||
* @since 1.0.0
|
||||
*/
|
||||
|
||||
/**
|
||||
* Twenty Nineteen only works in WordPress 4.7 or later.
|
||||
*/
|
||||
if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
|
||||
require get_template_directory() . '/inc/back-compat.php';
|
||||
return;
|
||||
}
|
||||
|
||||
if ( ! function_exists( 'twentynineteen_setup' ) ) :
|
||||
/**
|
||||
* Sets up theme defaults and registers support for various WordPress features.
|
||||
|
|
@ -48,7 +56,8 @@ if ( ! function_exists( 'twentynineteen_setup' ) ) :
|
|||
// This theme uses wp_nav_menu() in two locations.
|
||||
register_nav_menus(
|
||||
array(
|
||||
'menu-1' => esc_html__( 'Primary', 'twentynineteen' ),
|
||||
'menu-1' => __( 'Primary', 'twentynineteen' ),
|
||||
'footer' => __( 'Footer Menu', 'twentynineteen' ),
|
||||
'social' => __( 'Social Links Menu', 'twentynineteen' ),
|
||||
)
|
||||
);
|
||||
|
|
@ -86,31 +95,31 @@ if ( ! function_exists( 'twentynineteen_setup' ) ) :
|
|||
// Add theme support for selective refresh for widgets.
|
||||
add_theme_support( 'customize-selective-refresh-widgets' );
|
||||
|
||||
// Add support for Block Styles
|
||||
// Add support for Block Styles.
|
||||
add_theme_support( 'wp-block-styles' );
|
||||
|
||||
// Add support for full and wide align images.
|
||||
add_theme_support( 'align-wide' );
|
||||
|
||||
// Add support for editor styles
|
||||
// Add support for editor styles.
|
||||
add_theme_support( 'editor-styles' );
|
||||
|
||||
// Enqueue editor styles
|
||||
// Enqueue editor styles.
|
||||
add_editor_style( 'style-editor.css' );
|
||||
|
||||
// Editor color palette
|
||||
// Editor color palette.
|
||||
add_theme_support(
|
||||
'editor-color-palette',
|
||||
array(
|
||||
array(
|
||||
'name' => esc_html__( 'Primary Color', 'twentynineteen' ),
|
||||
'name' => __( 'Primary Color', 'twentynineteen' ),
|
||||
'slug' => 'primary',
|
||||
'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
|
||||
),
|
||||
)
|
||||
);
|
||||
|
||||
// Add support for responsive embedded content
|
||||
// Add support for responsive embedded content.
|
||||
add_theme_support( 'responsive-embeds' );
|
||||
|
||||
}
|
||||
|
|
@ -144,7 +153,7 @@ add_action( 'widgets_init', 'twentynineteen_widgets_init' );
|
|||
*
|
||||
* Priority 0 to make it available to lower priority callbacks.
|
||||
*
|
||||
* @global int $content_width
|
||||
* @global int $content_width Content width.
|
||||
*/
|
||||
function twentynineteen_content_width() {
|
||||
// This variable is intended to be overruled from themes.
|
||||
|
|
@ -165,18 +174,12 @@ function twentynineteen_scripts() {
|
|||
wp_enqueue_script( 'twentynineteen-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
|
||||
|
||||
if ( has_nav_menu( 'menu-1' ) ) {
|
||||
wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
|
||||
$l10n_skip_link_focus_fix['expand'] = __( 'Expand child menu', 'twentynineteen' );
|
||||
$l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
|
||||
wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
|
||||
wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '1.0', true );
|
||||
wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '1.0', true );
|
||||
}
|
||||
|
||||
wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
|
||||
|
||||
if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
|
||||
wp_add_inline_style( 'twentynineteen-style', twentynineteen_header_featured_image_css() );
|
||||
}
|
||||
|
||||
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
|
||||
wp_enqueue_script( 'comment-reply' );
|
||||
}
|
||||
|
|
@ -184,7 +187,7 @@ function twentynineteen_scripts() {
|
|||
add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' );
|
||||
|
||||
/**
|
||||
* Enqueue supplemental block editor styles
|
||||
* Enqueue supplemental block editor styles.
|
||||
*/
|
||||
function twentynineteen_editor_customizer_styles() {
|
||||
|
||||
|
|
@ -192,7 +195,7 @@ function twentynineteen_editor_customizer_styles() {
|
|||
|
||||
if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
|
||||
// Include color patterns
|
||||
require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
|
||||
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
|
||||
wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
|
||||
}
|
||||
}
|
||||
|
|
@ -203,12 +206,12 @@ add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_sty
|
|||
*/
|
||||
function twentynineteen_colors_css_wrap() {
|
||||
|
||||
// Only include custom colors in customizer or frontend
|
||||
if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
|
||||
// Only include custom colors in customizer or frontend.
|
||||
if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
|
||||
return;
|
||||
}
|
||||
|
||||
require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
|
||||
require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
|
||||
|
||||
if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
|
||||
$primary_color = 199;
|
||||
|
|
@ -220,7 +223,7 @@ function twentynineteen_colors_css_wrap() {
|
|||
<style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
|
||||
<?php echo twentynineteen_custom_colors_css(); ?>
|
||||
</style>
|
||||
<?php
|
||||
<?php
|
||||
}
|
||||
add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
|
||||
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
|
||||
<body <?php body_class(); ?>>
|
||||
<div id="page" class="site">
|
||||
<a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'twentynineteen' ); ?></a>
|
||||
<a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
|
||||
|
||||
<header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
|
||||
|
||||
|
|
@ -31,9 +31,10 @@
|
|||
|
||||
<?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
|
||||
<div class="site-featured-image">
|
||||
<?php twentynineteen_post_thumbnail(); ?>
|
||||
<?php the_post(); ?>
|
||||
<?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
|
||||
<div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
|
||||
<div class="<?php echo ( ! empty( $discussion ) && count( $discussion->responses ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
|
||||
<?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
|
||||
</div><!-- .entry-header -->
|
||||
<?php rewind_posts(); ?>
|
||||
|
|
|
|||
|
|
@ -66,8 +66,8 @@ get_header();
|
|||
$metadata = wp_get_attachment_metadata();
|
||||
if ( $metadata ) {
|
||||
printf(
|
||||
'<span class="full-size-link"><span class="screen-reader-text">%1$s </span><a href="%2$s">%3$s × %4$s</a></span>',
|
||||
esc_html_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
|
||||
'<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s × %4$s</a></span>',
|
||||
_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
|
||||
esc_url( wp_get_attachment_url() ),
|
||||
absint( $metadata['width'] ),
|
||||
absint( $metadata['height'] )
|
||||
|
|
|
|||
|
|
@ -0,0 +1,76 @@
|
|||
<?php
|
||||
/**
|
||||
* Twenty Nineteen back compat functionality
|
||||
*
|
||||
* Prevents Twenty Nineteen from running on WordPress versions prior to 4.7,
|
||||
* since this theme is not meant to be backward compatible beyond that and
|
||||
* relies on many newer functions and markup changes introduced in 4.7.
|
||||
*
|
||||
* @package WordPress
|
||||
* @subpackage Twenty_Nineteen
|
||||
* @since Twenty Nineteen 1.0.0
|
||||
*/
|
||||
|
||||
/**
|
||||
* Prevent switching to Twenty Nineteen on old versions of WordPress.
|
||||
*
|
||||
* Switches to the default theme.
|
||||
*
|
||||
* @since Twenty Nineteen 1.0.0
|
||||
*/
|
||||
function twentynineteen_switch_theme() {
|
||||
switch_theme( WP_DEFAULT_THEME );
|
||||
unset( $_GET['activated'] );
|
||||
add_action( 'admin_notices', 'twentynineteen_upgrade_notice' );
|
||||
}
|
||||
add_action( 'after_switch_theme', 'twentynineteen_switch_theme' );
|
||||
|
||||
/**
|
||||
* Adds a message for unsuccessful theme switch.
|
||||
*
|
||||
* Prints an update nag after an unsuccessful attempt to switch to
|
||||
* Twenty Nineteen on WordPress versions prior to 4.7.
|
||||
*
|
||||
* @since Twenty Nineteen 1.0.0
|
||||
*
|
||||
* @global string $wp_version WordPress version.
|
||||
*/
|
||||
function twentynineteen_upgrade_notice() {
|
||||
$message = sprintf( __( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ), $GLOBALS['wp_version'] );
|
||||
printf( '<div class="error"><p>%s</p></div>', $message );
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevents the Customizer from being loaded on WordPress versions prior to 4.7.
|
||||
*
|
||||
* @since Twenty Nineteen 1.0.0
|
||||
*
|
||||
* @global string $wp_version WordPress version.
|
||||
*/
|
||||
function twentynineteen_customize() {
|
||||
wp_die(
|
||||
sprintf(
|
||||
__( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
|
||||
$GLOBALS['wp_version']
|
||||
),
|
||||
'',
|
||||
array(
|
||||
'back_link' => true,
|
||||
)
|
||||
);
|
||||
}
|
||||
add_action( 'load-customize.php', 'twentynineteen_customize' );
|
||||
|
||||
/**
|
||||
* Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7.
|
||||
*
|
||||
* @since Twenty Nineteen 1.0.0
|
||||
*
|
||||
* @global string $wp_version WordPress version.
|
||||
*/
|
||||
function twentynineteen_preview() {
|
||||
if ( isset( $_GET['preview'] ) ) {
|
||||
wp_die( sprintf( __( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ), $GLOBALS['wp_version'] ) );
|
||||
}
|
||||
}
|
||||
add_action( 'template_redirect', 'twentynineteen_preview' );
|
||||
|
|
@ -26,14 +26,17 @@ function twentynineteen_custom_colors_css() {
|
|||
* @param int $saturation Color saturation level.
|
||||
*/
|
||||
|
||||
$saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
|
||||
$saturation = $saturation . '%';
|
||||
$saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
|
||||
$saturation = $saturation . '%';
|
||||
|
||||
$lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
|
||||
$lightness = $lightness . '%';
|
||||
$lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
|
||||
$lightness = $lightness . '%';
|
||||
|
||||
$lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
|
||||
$lightness_hover = $lightness_hover . '%';
|
||||
$lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
|
||||
$lightness_hover = $lightness_hover . '%';
|
||||
|
||||
$lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
|
||||
$lightness_selection = $lightness_selection . '%';
|
||||
|
||||
$theme_css = '
|
||||
/*
|
||||
|
|
@ -54,14 +57,14 @@ function twentynineteen_custom_colors_css() {
|
|||
.image-filters-enabled .entry .post-thumbnail:after,
|
||||
.main-navigation .sub-menu,
|
||||
.sticky-post,
|
||||
.entry-content .wp-block-button .wp-block-button__link,
|
||||
.button, button, input[type="button"], input[type="reset"], input[type="submit"],
|
||||
.entry-content > .has-primary-background-color,
|
||||
.entry-content > *[class^="wp-block-"].has-primary-background-color,
|
||||
.entry-content > *[class^="wp-block-"] .has-primary-background-color,
|
||||
.entry-content > *[class^="wp-block-"].is-style-solid-color,
|
||||
.entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
|
||||
.entry-content .wp-block-file .wp-block-file__button {
|
||||
.entry .entry-content .wp-block-button .wp-block-button__link,
|
||||
.entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
|
||||
.entry .entry-content > .has-primary-background-color,
|
||||
.entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
|
||||
.entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
|
||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
|
||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
|
||||
.entry .entry-content .wp-block-file .wp-block-file__button {
|
||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||
}
|
||||
|
||||
|
|
@ -87,16 +90,15 @@ function twentynineteen_custom_colors_css() {
|
|||
.entry .entry-footer a:hover,
|
||||
.entry .entry-content .more-link:hover,
|
||||
.main-navigation .main-menu > li > a + svg,
|
||||
.comment-navigation .nav-previous a:hover,
|
||||
.comment-navigation .nav-next a:hover,
|
||||
.comment .comment-metadata > a:hover,
|
||||
.comment .comment-metadata .comment-edit-link:hover,
|
||||
#colophon .site-info a:hover,
|
||||
.widget a,
|
||||
.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
|
||||
.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
|
||||
.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
|
||||
.entry-content > *[class^="wp-block-"] .has-primary-color,
|
||||
.entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
|
||||
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
|
||||
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
|
||||
.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
|
||||
.entry .entry-content > *[class^="wp-block-"] .has-primary-color,
|
||||
.entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
|
||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||
}
|
||||
|
||||
|
|
@ -104,9 +106,10 @@ function twentynineteen_custom_colors_css() {
|
|||
* Set left border color for:
|
||||
* wp block quote
|
||||
*/
|
||||
.entry-content blockquote,
|
||||
.entry-content .wp-block-quote:not(.is-large),
|
||||
.entry-content .wp-block-quote:not(.is-style-large) {
|
||||
blockquote,
|
||||
.entry .entry-content blockquote,
|
||||
.entry .entry-content .wp-block-quote:not(.is-large),
|
||||
.entry .entry-content .wp-block-quote:not(.is-style-large) {
|
||||
border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
|
||||
}
|
||||
|
||||
|
|
@ -145,6 +148,8 @@ function twentynineteen_custom_colors_css() {
|
|||
.author-bio .author-description .author-link:hover,
|
||||
.comment .comment-author .fn a:hover,
|
||||
.comment-reply-link:hover,
|
||||
.comment-navigation .nav-previous a:hover,
|
||||
.comment-navigation .nav-next a:hover,
|
||||
#cancel-comment-reply-link:hover,
|
||||
.widget a:hover {
|
||||
color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||
|
|
@ -154,9 +159,19 @@ function twentynineteen_custom_colors_css() {
|
|||
.main-navigation .sub-menu > li > a:focus,
|
||||
.main-navigation .sub-menu > li > a:hover:after,
|
||||
.main-navigation .sub-menu > li > a:focus:after,
|
||||
.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
|
||||
.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
|
||||
background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||
.main-navigation .sub-menu > li > .menu-item-link-return:hover,
|
||||
.main-navigation .sub-menu > li > .menu-item-link-return:focus,
|
||||
.main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
|
||||
.main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
|
||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
|
||||
}
|
||||
|
||||
/* Text selection colors */
|
||||
::selection {
|
||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||
}
|
||||
::-moz-selection {
|
||||
background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
|
||||
}';
|
||||
|
||||
$editor_css = '
|
||||
|
|
|
|||
|
|
@ -71,25 +71,25 @@ add_filter( 'comment_form_defaults', 'twentynineteen_comment_form_defaults' );
|
|||
*/
|
||||
function twentynineteen_get_the_archive_title() {
|
||||
if ( is_category() ) {
|
||||
$title = esc_html__( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
||||
$title = __( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
||||
} elseif ( is_tag() ) {
|
||||
$title = esc_html__( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
||||
$title = __( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
|
||||
} elseif ( is_author() ) {
|
||||
$title = esc_html__( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
|
||||
$title = __( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
|
||||
} elseif ( is_year() ) {
|
||||
$title = esc_html__( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
|
||||
$title = __( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
|
||||
} elseif ( is_month() ) {
|
||||
$title = esc_html__( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
|
||||
$title = __( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
|
||||
} elseif ( is_day() ) {
|
||||
$title = esc_html__( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
|
||||
$title = __( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
|
||||
} elseif ( is_post_type_archive() ) {
|
||||
$title = esc_html__( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
|
||||
$title = __( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
|
||||
} elseif ( is_tax() ) {
|
||||
$tax = get_taxonomy( get_queried_object()->taxonomy );
|
||||
/* translators: %s: Taxonomy singular name */
|
||||
$title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
|
||||
} else {
|
||||
$title = esc_html__( 'Archives:', 'twentynineteen' );
|
||||
$title = __( 'Archives:', 'twentynineteen' );
|
||||
}
|
||||
return $title;
|
||||
}
|
||||
|
|
@ -112,6 +112,28 @@ function twentynineteen_image_filters_enabled() {
|
|||
return true;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add custom sizes attribute to responsive image functionality for post thumbnails.
|
||||
*
|
||||
* @origin Twenty Nineteen 1.0
|
||||
*
|
||||
* @param array $attr Attributes for the image markup.
|
||||
* @return string Value for use in post thumbnail 'sizes' attribute.
|
||||
*/
|
||||
function twentynineteen_post_thumbnail_sizes_attr( $attr ) {
|
||||
|
||||
if ( is_admin() ) {
|
||||
return $attr;
|
||||
}
|
||||
|
||||
if ( ! is_singular() ) {
|
||||
$attr['sizes'] = '(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw';
|
||||
}
|
||||
|
||||
return $attr;
|
||||
}
|
||||
add_filter( 'wp_get_attachment_image_attributes', 'twentynineteen_post_thumbnail_sizes_attr', 10, 1 );
|
||||
|
||||
/**
|
||||
* Returns the size for avatars used in the theme.
|
||||
*/
|
||||
|
|
@ -140,40 +162,74 @@ function twentynineteen_is_comment_by_post_author( $comment = null ) {
|
|||
*/
|
||||
function twentynineteen_get_discussion_data() {
|
||||
static $discussion, $post_id;
|
||||
|
||||
$current_post_id = get_the_ID();
|
||||
if ( $current_post_id === $post_id ) { /* If we have discussion information for post ID, return cached object */
|
||||
return $discussion;
|
||||
if ( $current_post_id === $post_id ) {
|
||||
return $discussion; /* If we have discussion information for post ID, return cached object */
|
||||
} else {
|
||||
$post_id = $current_post_id;
|
||||
}
|
||||
$authors = array();
|
||||
$commenters = array();
|
||||
$user_id = -1; // is_user_logged_in() ? get_current_user_id() : -1;
|
||||
$comments = get_comments(
|
||||
|
||||
$comments = get_comments(
|
||||
array(
|
||||
'post_id' => $current_post_id,
|
||||
'orderby' => 'comment_date_gmt',
|
||||
'order' => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
|
||||
'status' => 'approve',
|
||||
'number' => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
|
||||
)
|
||||
);
|
||||
|
||||
$authors = array();
|
||||
foreach ( $comments as $comment ) {
|
||||
$comment_user_id = (int) $comment->user_id;
|
||||
if ( $comment_user_id !== $user_id ) {
|
||||
$authors[] = ( $comment_user_id > 0 ) ? $comment_user_id : $comment->comment_author_email;
|
||||
$commenters[] = $comment->comment_author_email;
|
||||
}
|
||||
$authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
|
||||
}
|
||||
|
||||
$authors = array_unique( $authors );
|
||||
$responses = count( $commenters );
|
||||
$commenters = array_unique( $commenters );
|
||||
$post_id = $current_post_id;
|
||||
$discussion = (object) array(
|
||||
'authors' => array_slice( $authors, 0, 6 ), /* Unique authors commenting on post (a subset of), excluding current user. */
|
||||
'commenters' => count( $commenters ), /* Number of commenters involved in discussion, excluding current user. */
|
||||
'responses' => $responses, /* Number of responses, excluding responses from current user. */
|
||||
'authors' => array_slice( $authors, 0, 6 ), /* Six unique authors commenting on the post. */
|
||||
'responses' => get_comments_number( $current_post_id ), /* Number of responses. */
|
||||
);
|
||||
|
||||
return $discussion;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add an extra menu to our nav for our priority+ navigation to use
|
||||
*
|
||||
* @param object $nav_menu Nav menu.
|
||||
* @param object $args Nav menu args.
|
||||
* @return string More link for hidden menu items.
|
||||
*/
|
||||
function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
|
||||
|
||||
if ( 'menu-1' === $args->theme_location ) :
|
||||
|
||||
$nav_menu .= '<div class="main-menu-more" >';
|
||||
$nav_menu .= '<ul class="main-menu" tabindex="0">';
|
||||
$nav_menu .= '<li class="menu-item menu-item-has-children">';
|
||||
$nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html( 'More', 'twentynineteen' ) . '</a>';
|
||||
$nav_menu .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
|
||||
$nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
|
||||
$nav_menu .= '</span>';
|
||||
$nav_menu .= '<ul class="sub-menu hidden-links is-hidden">';
|
||||
$nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
|
||||
$nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
|
||||
$nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
|
||||
$nav_menu .= esc_html__( 'Back', 'twentynineteen' );
|
||||
$nav_menu .= '</a>';
|
||||
$nav_menu .= '</li>';
|
||||
$nav_menu .= '</ul>';
|
||||
$nav_menu .= '</li>';
|
||||
$nav_menu .= '</ul>';
|
||||
$nav_menu .= '</div>';
|
||||
|
||||
endif;
|
||||
|
||||
return $nav_menu;
|
||||
}
|
||||
add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );
|
||||
|
||||
/**
|
||||
* WCAG 2.0 Attributes for Dropdown Menus
|
||||
*
|
||||
|
|
@ -216,40 +272,35 @@ function twentynineteen_add_dropdown_icons( $output, $item, $depth, $args ) {
|
|||
// Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
|
||||
// @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.
|
||||
$link = sprintf(
|
||||
'<a class="menu-item-link-return" id="%1$s" href="%2$s" onclick="%3$s" tabindex="-1">%4$s',
|
||||
esc_attr( "menu-item-link-return-{$item->original_id}" ),
|
||||
esc_attr( "#menu-item-link-{$item->original_id}" ),
|
||||
esc_attr( 'event.preventDefault();' ),
|
||||
'<span class="menu-item-link-return" tabindex="-1">%s',
|
||||
twentynineteen_get_icon_svg( 'chevron_left', 24 )
|
||||
);
|
||||
|
||||
// replace opening <a> with <span>
|
||||
$output = preg_replace(
|
||||
'/<a\s.*?>/',
|
||||
$link,
|
||||
$output,
|
||||
1 // Limit.
|
||||
);
|
||||
} elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
|
||||
// Add an ID to the link element itself to facilitate navigation from submenu back to parent.
|
||||
$output = preg_replace( '/(?<=<a\s)/', sprintf( ' id="%s" ', esc_attr( "menu-item-link-{$item->ID}" ) ), $output );
|
||||
|
||||
// Add SVG icon to parent items.
|
||||
if ( 0 === $depth ) {
|
||||
$icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
|
||||
} else {
|
||||
$icon = twentynineteen_get_icon_svg( 'chevron_right', 24 );
|
||||
}
|
||||
|
||||
// @todo We might as well just go back to using the SVG element if the link approach is not suitable for no-JS environments.
|
||||
$link = sprintf(
|
||||
'<a class="mobile-submenu-expand" href="%s" onclick="%s" tabindex="-1">%s</a>',
|
||||
esc_attr( "#menu-item-link-return-{$item->ID}" ),
|
||||
esc_attr( 'event.preventDefault();' ),
|
||||
$icon
|
||||
// replace closing </a> with </span>
|
||||
$output = preg_replace(
|
||||
'#</a>#i',
|
||||
'</span>',
|
||||
$output,
|
||||
1 // Limit.
|
||||
);
|
||||
|
||||
$output .= $link;
|
||||
$output .= "<span class='desktop-submenu-expand'>$icon</span>";
|
||||
} elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
|
||||
|
||||
// Add SVG icon to parent items.
|
||||
$icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
|
||||
|
||||
$output .= sprintf(
|
||||
'<span class="submenu-expand" tabindex="-1">%s</span>',
|
||||
$icon
|
||||
);
|
||||
}
|
||||
|
||||
return $output;
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ if ( ! function_exists( 'twentynineteen_posted_by' ) ) :
|
|||
'<span class="byline">%1$s<span class="screen-reader-text">%2$s</span><span class="author vcard"><a class="url fn n" href="%3$s">%4$s</a></span></span>',
|
||||
/* translators: 1: SVG icon. 2: post author, only visible to screen readers. 3: author link. */
|
||||
twentynineteen_get_icon_svg( 'person', 16 ),
|
||||
esc_html__( 'Posted by', 'twentynineteen' ),
|
||||
__( 'Posted by', 'twentynineteen' ),
|
||||
esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
|
||||
esc_html( get_the_author() )
|
||||
);
|
||||
|
|
@ -83,25 +83,25 @@ if ( ! function_exists( 'twentynineteen_entry_footer' ) ) :
|
|||
twentynineteen_posted_on();
|
||||
|
||||
/* translators: used between list items, there is a space after the comma. */
|
||||
$categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
|
||||
$categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
|
||||
if ( $categories_list ) {
|
||||
/* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of categories. */
|
||||
printf(
|
||||
'<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
|
||||
twentynineteen_get_icon_svg( 'archive', 16 ),
|
||||
esc_html__( 'Posted in', 'twentynineteen' ),
|
||||
__( 'Posted in', 'twentynineteen' ),
|
||||
$categories_list
|
||||
); // WPCS: XSS OK.
|
||||
}
|
||||
|
||||
/* translators: used between list items, there is a space after the comma. */
|
||||
$tags_list = get_the_tag_list( '', esc_html__( ', ', 'twentynineteen' ) );
|
||||
$tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
|
||||
if ( $tags_list ) {
|
||||
/* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
|
||||
printf(
|
||||
'<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
|
||||
twentynineteen_get_icon_svg( 'tag', 16 ),
|
||||
esc_html__( 'Tags:', 'twentynineteen' ),
|
||||
__( 'Tags:', 'twentynineteen' ),
|
||||
$tags_list
|
||||
); // WPCS: XSS OK.
|
||||
}
|
||||
|
|
@ -168,16 +168,6 @@ if ( ! function_exists( 'twentynineteen_post_thumbnail' ) ) :
|
|||
}
|
||||
endif;
|
||||
|
||||
if ( ! function_exists( 'twentynineteen_header_featured_image_css' ) ) :
|
||||
/**
|
||||
* Returns the CSS for the header featured image background.
|
||||
*/
|
||||
function twentynineteen_header_featured_image_css() {
|
||||
$img_url = get_the_post_thumbnail_url( get_the_ID(), 'post-thumbnail' );
|
||||
return sprintf( 'body.singular .site-header.featured-image .site-branding-container:before { background-image: url(%s); }', esc_url( $img_url ) );
|
||||
}
|
||||
endif;
|
||||
|
||||
if ( ! function_exists( 'twentynineteen_comment_avatar' ) ) :
|
||||
/**
|
||||
* Returns the HTML markup to generate a user avatar.
|
||||
|
|
@ -197,15 +187,17 @@ if ( ! function_exists( 'twentynineteen_discussion_avatars_list' ) ) :
|
|||
* Displays a list of avatars involved in a discussion for a given post.
|
||||
*/
|
||||
function twentynineteen_discussion_avatars_list( $comment_authors ) {
|
||||
if ( ! empty( $comment_authors ) ) {
|
||||
$out = array( '<ol class="discussion-avatar-list">' );
|
||||
foreach ( $comment_authors as $id_or_email ) {
|
||||
$out[] = sprintf( '<li>%s</li>', twentynineteen_get_user_avatar_markup( $id_or_email ) );
|
||||
}
|
||||
$out[] = '</ol><!-- .discussion-avatar-list -->';
|
||||
echo implode( "\n", $out );
|
||||
if ( empty( $comment_authors ) ) {
|
||||
return;
|
||||
}
|
||||
return null;
|
||||
echo '<ol class="discussion-avatar-list">', "\n";
|
||||
foreach ( $comment_authors as $id_or_email ) {
|
||||
printf(
|
||||
"<li>%s</li>\n",
|
||||
twentynineteen_get_user_avatar_markup( $id_or_email )
|
||||
);
|
||||
}
|
||||
echo '</ol><!-- .discussion-avatar-list -->', "\n";
|
||||
}
|
||||
endif;
|
||||
|
||||
|
|
|
|||
|
|
@ -20,25 +20,26 @@ get_header();
|
|||
<section id="primary" class="content-area">
|
||||
<main id="main" class="site-main">
|
||||
|
||||
<?php
|
||||
if ( have_posts() ) {
|
||||
<?php
|
||||
if ( have_posts() ) {
|
||||
|
||||
// Load posts loop.
|
||||
while ( have_posts() ) {
|
||||
the_post();
|
||||
get_template_part( 'template-parts/content/content' );
|
||||
}
|
||||
|
||||
// Previous/next page navigation.
|
||||
twentynineteen_the_posts_navigation();
|
||||
|
||||
} else {
|
||||
|
||||
// If no content, include the "No posts found" template.
|
||||
get_template_part( 'template-parts/content/content', 'none' );
|
||||
|
||||
// Load posts loop.
|
||||
while ( have_posts() ) {
|
||||
the_post();
|
||||
get_template_part( 'template-parts/content/content' );
|
||||
}
|
||||
|
||||
// Previous/next page navigation.
|
||||
twentynineteen_the_posts_navigation();
|
||||
|
||||
} else {
|
||||
|
||||
// If no content, include the "No posts found" template.
|
||||
get_template_part( 'template-parts/content/content', 'none' );
|
||||
|
||||
}
|
||||
?>
|
||||
?>
|
||||
|
||||
</main><!-- .site-main -->
|
||||
</section><!-- .content-area -->
|
||||
|
||||
|
|
|
|||
|
|
@ -11,15 +11,23 @@
|
|||
// Default color.
|
||||
wp.customize( 'colorscheme', function( value ) {
|
||||
value.bind( function( to ) {
|
||||
|
||||
// Update custom color CSS.
|
||||
var style = $( '#custom-theme-colors' ),
|
||||
hue = style.data( 'hue' ),
|
||||
css = style.html();
|
||||
css = style.html(),
|
||||
color;
|
||||
|
||||
if( to === 'custom' ){
|
||||
//If a "custom" color option is selected, use the currently set colorscheme_primary_hue
|
||||
color = wp.customize.get().colorscheme_primary_hue;
|
||||
} else {
|
||||
//If the "default" option is selected, get the default primary_hue
|
||||
color = 199;
|
||||
}
|
||||
|
||||
// Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
|
||||
css = css.split( hue + ',' ).join( to + ',' );
|
||||
style.html( css ).data( 'hue', to );
|
||||
css = css.split( hue + ',' ).join( color + ',' );
|
||||
style.html( css ).data( 'hue', color );
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,128 @@
|
|||
(function() {
|
||||
/**
|
||||
* Prepends an element to a container.
|
||||
*
|
||||
* @param {Element} container
|
||||
* @param {Element} element
|
||||
*/
|
||||
function prependElement(container, element) {
|
||||
if (container.firstChild.nextSibling) {
|
||||
return container.insertBefore(element, container.firstChild.nextSibling);
|
||||
} else {
|
||||
return container.appendChild(element);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Shows an element by adding a hidden className.
|
||||
*
|
||||
* @param {Element} element
|
||||
*/
|
||||
function showElement(element) {
|
||||
// classList.remove is not supported in IE11
|
||||
element.className = element.className.replace('is-hidden', '');
|
||||
}
|
||||
|
||||
/**
|
||||
* Hides an element by removing the hidden className.
|
||||
*
|
||||
* @param {Element} element
|
||||
*/
|
||||
function hideElement(element) {
|
||||
// classList.add is not supported in IE11
|
||||
if (!element.classList.contains('is-hidden')) {
|
||||
element.className += ' is-hidden';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Toggles the element visibility.
|
||||
*
|
||||
* @param {Element} element
|
||||
*/
|
||||
function toggleElementVisibility(element) {
|
||||
if (element.classList.contains('is-hidden')) {
|
||||
showElement(element);
|
||||
} else {
|
||||
hideElement(element);
|
||||
}
|
||||
}
|
||||
|
||||
var navContainer = document.querySelector('.main-navigation');
|
||||
// Adds the necessary UI to operate the menu.
|
||||
var toggleButton = document.querySelector('.main-navigation .main-menu-more-toggle');
|
||||
var visibleList = document.querySelector('.main-navigation .main-menu[id]');
|
||||
var hiddenList = document.querySelector('.main-navigation .hidden-links');
|
||||
var breaks = [];
|
||||
|
||||
/**
|
||||
* Returns the currently available space in the menu container.
|
||||
*
|
||||
* @returns {number} Available space
|
||||
*/
|
||||
function getAvailableSpace() {
|
||||
return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns whether the current menu is overflowing or not.
|
||||
*
|
||||
* @returns {boolean} Is overflowing
|
||||
*/
|
||||
function isOverflowingNavivation() {
|
||||
return visibleList.offsetWidth > getAvailableSpace();
|
||||
}
|
||||
|
||||
/**
|
||||
* Refreshes the list item from the menu depending on the menu size
|
||||
*/
|
||||
function updateNavigationMenu() {
|
||||
|
||||
if (isOverflowingNavivation()) {
|
||||
// Record the width of the list
|
||||
breaks.push(visibleList.offsetWidth);
|
||||
// Move item to the hidden list
|
||||
prependElement(hiddenList, visibleList.lastChild);
|
||||
// Show the toggle button
|
||||
showElement(toggleButton);
|
||||
} else {
|
||||
// There is space for another item in the nav
|
||||
if (getAvailableSpace() > breaks[breaks.length - 1]) {
|
||||
// Move the item to the visible list
|
||||
visibleList.appendChild(hiddenList.firstChild.nextSibling);
|
||||
breaks.pop();
|
||||
}
|
||||
|
||||
// Hide the dropdown btn if hidden list is empty
|
||||
if (breaks.length < 2) {
|
||||
hideElement(toggleButton);
|
||||
hideElement(hiddenList);
|
||||
}
|
||||
}
|
||||
|
||||
// Recur if the visible list is still overflowing the nav
|
||||
if (isOverflowingNavivation()) {
|
||||
updateNavigationMenu();
|
||||
}
|
||||
}
|
||||
|
||||
// Event listeners
|
||||
// Run our sub-menu function as soon as the document is `ready`
|
||||
document.addEventListener( 'DOMContentLoaded', function() {
|
||||
updateNavigationMenu();
|
||||
});
|
||||
|
||||
window.addEventListener('load', function() {
|
||||
updateNavigationMenu();
|
||||
});
|
||||
|
||||
window.addEventListener('resize', function() {
|
||||
updateNavigationMenu();
|
||||
});
|
||||
|
||||
toggleButton.addEventListener('click', function() {
|
||||
toggleElementVisibility(hiddenList);
|
||||
});
|
||||
|
||||
updateNavigationMenu();
|
||||
})();
|
||||
|
|
@ -0,0 +1,277 @@
|
|||
/**
|
||||
* Touch & Keyboard navigation.
|
||||
*
|
||||
* Contains handlers for touch devices and keyboard navigation.
|
||||
*/
|
||||
|
||||
(function() {
|
||||
|
||||
// Debounce
|
||||
function debounce(func, wait, immediate) {
|
||||
'use strict';
|
||||
|
||||
var timeout;
|
||||
wait = (typeof wait !== 'undefined') ? wait : 20;
|
||||
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
||||
|
||||
return function() {
|
||||
|
||||
var context = this, args = arguments;
|
||||
var later = function() {
|
||||
timeout = null;
|
||||
|
||||
if (!immediate) {
|
||||
func.apply(context, args);
|
||||
}
|
||||
};
|
||||
|
||||
var callNow = immediate && !timeout;
|
||||
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(later, wait);
|
||||
|
||||
if (callNow) {
|
||||
func.apply(context, args);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Add Class
|
||||
function addClass(el, cls) {
|
||||
if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
|
||||
el.className += ' ' + cls;
|
||||
}
|
||||
}
|
||||
|
||||
// Delete Class
|
||||
function deleteClass(el, cls) {
|
||||
el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
|
||||
}
|
||||
|
||||
// Has Class?
|
||||
function hasClass(el, cls) {
|
||||
|
||||
if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle Aria Expanded state for screenreaders
|
||||
function toggleAriaExpandedState( ariaItem ) {
|
||||
'use strict';
|
||||
|
||||
var ariaState = ariaItem.getAttribute('aria-expanded');
|
||||
|
||||
if ( ariaState === 'true' ) {
|
||||
ariaState = 'false';
|
||||
} else {
|
||||
ariaState = 'true';
|
||||
}
|
||||
|
||||
ariaItem.setAttribute('aria-expanded', ariaState);
|
||||
}
|
||||
|
||||
// Open sub-menu
|
||||
function openSubMenu( currentSubMenu ) {
|
||||
'use strict';
|
||||
|
||||
// Update classes
|
||||
// classList.add is not supported in IE11
|
||||
currentSubMenu.parentElement.className += ' off-canvas';
|
||||
currentSubMenu.parentElement.lastElementChild.className += ' expanded-true';
|
||||
|
||||
// Update aria-expanded state
|
||||
toggleAriaExpandedState( currentSubMenu.previousSibling );
|
||||
}
|
||||
|
||||
// Close sub-menu
|
||||
function closeSubMenu( currentSubMenu ) {
|
||||
'use strict';
|
||||
|
||||
var menuItem = getCurrentParent( currentSubMenu, '.menu-item' ); // this.parentNode
|
||||
var menuItemAria = menuItem.querySelector('a[aria-expanded]');
|
||||
var subMenu = currentSubMenu.closest('.sub-menu');
|
||||
|
||||
// If this is in a sub-sub-menu, go back to parent sub-menu
|
||||
if ( getCurrentParent( currentSubMenu, 'ul' ).classList.contains( 'sub-menu' ) ) {
|
||||
|
||||
// Update classes
|
||||
// classList.remove is not supported in IE11
|
||||
menuItem.className = menuItem.className.replace( 'off-canvas', '' );
|
||||
subMenu.className = subMenu.className.replace( 'expanded-true', '' );
|
||||
|
||||
// Update aria-expanded and :focus states
|
||||
toggleAriaExpandedState( menuItemAria );
|
||||
|
||||
// Or else close all sub-menus
|
||||
} else {
|
||||
|
||||
// Update classes
|
||||
// classList.remove is not supported in IE11
|
||||
menuItem.className = menuItem.className.replace( 'off-canvas', '' );
|
||||
menuItem.lastElementChild.className = menuItem.lastElementChild.className.replace( 'expanded-true', '' );
|
||||
|
||||
// Update aria-expanded and :focus states
|
||||
toggleAriaExpandedState( menuItemAria );
|
||||
}
|
||||
}
|
||||
|
||||
// Find first ancestor of an element by selector
|
||||
function getCurrentParent( child, selector, stopSelector ) {
|
||||
|
||||
var currentParent = null;
|
||||
|
||||
while ( child ) {
|
||||
|
||||
if ( child.matches(selector) ) {
|
||||
|
||||
currentParent = child;
|
||||
break;
|
||||
|
||||
} else if ( stopSelector && child.matches(stopSelector) ) {
|
||||
|
||||
break;
|
||||
}
|
||||
|
||||
child = child.parentElement;
|
||||
}
|
||||
|
||||
return currentParent;
|
||||
}
|
||||
|
||||
// Remove all off-canvas states
|
||||
function removeAllFocusStates() {
|
||||
'use strict';
|
||||
|
||||
var getFocusedElements = document.querySelectorAll(':hover, :focus, :focus-within');
|
||||
var i;
|
||||
|
||||
for ( i = 0; i < getFocusedElements.length; i++) {
|
||||
getFocusedElements[i].blur();
|
||||
}
|
||||
}
|
||||
|
||||
// Matches polyfill for IE11
|
||||
if (!Element.prototype.matches) {
|
||||
Element.prototype.matches = Element.prototype.msMatchesSelector;
|
||||
}
|
||||
|
||||
// Toggle `focus` class to allow sub-menu access on touch screens.
|
||||
function toggleSubmenuDisplay() {
|
||||
|
||||
document.addEventListener('touchstart', function(event) {
|
||||
|
||||
if ( event.target.matches('a') ) {
|
||||
|
||||
var url = event.target.getAttribute( 'href' ) ? event.target.getAttribute( 'href' ) : '';
|
||||
|
||||
// If there’s a link, go to it on touchend
|
||||
if ( '#' !== url && '' !== url ) {
|
||||
window.location = url;
|
||||
|
||||
// Open submenu if url is #
|
||||
} else if ( '#' === url && event.target.nextSibling.matches('.submenu-expand') ) {
|
||||
|
||||
openSubMenu( event.target );
|
||||
|
||||
// Prevent default touch events
|
||||
} else {
|
||||
|
||||
event.preventDefault();
|
||||
}
|
||||
}
|
||||
|
||||
// Check if .submenu-expand is touched
|
||||
if ( event.target.matches('.submenu-expand') ) {
|
||||
openSubMenu(event.target);
|
||||
|
||||
// Check if child of .submenu-expand is touched
|
||||
} else if ( null != getCurrentParent( event.target, '.submenu-expand' ) && getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ) {
|
||||
openSubMenu( getCurrentParent( event.target, '.submenu-expand' ) );
|
||||
|
||||
// Check if .menu-item-link-return is touched
|
||||
} else if ( event.target.matches('.menu-item-link-return') ) {
|
||||
closeSubMenu( event.target );
|
||||
|
||||
// Check if child of .menu-item-link-return is touched
|
||||
} else if ( null != getCurrentParent( event.target, '.menu-item-link-return' ) && getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
|
||||
closeSubMenu( event.target );
|
||||
}
|
||||
|
||||
// Prevent default mouse/focus events
|
||||
removeAllFocusStates();
|
||||
|
||||
}, false);
|
||||
|
||||
document.addEventListener('touchend', function(event) {
|
||||
|
||||
var mainNav = getCurrentParent( event.target, '.main-navigation' );
|
||||
|
||||
if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
|
||||
// Prevent default mouse events
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
// Prevent default mouse events
|
||||
event.preventDefault();
|
||||
|
||||
// Prevent default mouse/focus events
|
||||
removeAllFocusStates();
|
||||
|
||||
}, false);
|
||||
|
||||
document.addEventListener('focus', function(event) {
|
||||
|
||||
if ( event.target.matches('.main-navigation > div > ul > li > a') ) {
|
||||
|
||||
// Remove Focuse elements in sibling div
|
||||
var currentDiv = getCurrentParent( event.target, 'div' );
|
||||
var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
|
||||
var focusedElement = currentDivSibling.querySelector( '.is-focused' );
|
||||
var focusedClass = 'is-focused';
|
||||
var prevLi = event.target.parentNode.previousElementSibling;
|
||||
var nextLi = event.target.parentNode.nextElementSibling;
|
||||
|
||||
if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
|
||||
deleteClass( focusedElement, focusedClass );
|
||||
}
|
||||
|
||||
// Add .is-focused class to top-level ul
|
||||
if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
|
||||
addClass( event.target.parentNode, focusedClass );
|
||||
}
|
||||
|
||||
// Check for previous li
|
||||
if ( prevLi && hasClass( prevLi, focusedClass ) ) {
|
||||
deleteClass( prevLi, focusedClass );
|
||||
}
|
||||
|
||||
// Check for next li
|
||||
if ( nextLi && hasClass( nextLi, focusedClass ) ) {
|
||||
deleteClass( nextLi, focusedClass );
|
||||
}
|
||||
}
|
||||
}, true);
|
||||
}
|
||||
|
||||
// Run our sub-menu function as soon as the document is `ready`
|
||||
document.addEventListener( 'DOMContentLoaded', function() {
|
||||
toggleSubmenuDisplay();
|
||||
});
|
||||
// Annnnnd also every time the window resizes
|
||||
var isResizing = false;
|
||||
window.addEventListener( 'resize',
|
||||
debounce( function() {
|
||||
if ( isResizing ) {
|
||||
return;
|
||||
}
|
||||
|
||||
isResizing = true;
|
||||
setTimeout( function() {
|
||||
toggleSubmenuDisplay();
|
||||
isResizing = false;
|
||||
}, 150 );
|
||||
} )
|
||||
);
|
||||
|
||||
})();
|
||||
|
|
@ -1,163 +0,0 @@
|
|||
/**
|
||||
* Touch navigation.
|
||||
*
|
||||
* Contains handlers for navigation on Touch devices.
|
||||
*/
|
||||
|
||||
(function() {
|
||||
|
||||
// Toggle Aria Expanded state for screenreaders
|
||||
function toggleAriaExpandedState( menuItems ) {
|
||||
'use strict';
|
||||
|
||||
var getMenuItem = menuItems;
|
||||
var i;
|
||||
|
||||
for (i = 0; i < getMenuItem.length; i++) {
|
||||
|
||||
var state = getMenuItem[i].getAttribute('aria-expanded');
|
||||
|
||||
if (state === 'true') {
|
||||
state = 'false';
|
||||
} else {
|
||||
state = 'true';
|
||||
}
|
||||
|
||||
getMenuItem[i].setAttribute('aria-expanded', state);
|
||||
}
|
||||
}
|
||||
|
||||
// Toggle `focus` class to allow submenu access on tablets.
|
||||
function toggleSubmenuTouchScreen() {
|
||||
'use strict';
|
||||
|
||||
var siteNavigation = document.querySelector('.main-navigation > div > ul');
|
||||
var subMenuExpand = document.querySelectorAll('.mobile-submenu-expand');
|
||||
var subMenuReturn = document.querySelectorAll('.menu-item-link-return');
|
||||
var parentMenuLink = siteNavigation.querySelectorAll('.menu-item-has-children a[aria-expanded]');
|
||||
var i;
|
||||
var o;
|
||||
var u;
|
||||
|
||||
// Check for submenus and bail if none exist
|
||||
if ( ! siteNavigation || ! siteNavigation.children ) {
|
||||
return;
|
||||
}
|
||||
|
||||
function openSubMenu( currentSubmenu ) {
|
||||
|
||||
currentSubmenu.addEventListener('touchend', function() {
|
||||
|
||||
var menuItem = currentSubmenu.closest('.menu-item'); // this.parentNode
|
||||
var menuItemAria = menuItem.querySelectorAll('a[aria-expanded]');
|
||||
|
||||
menuItem.classList.add('focus');
|
||||
menuItem.lastElementChild.classList.add('expanded-true');
|
||||
|
||||
toggleAriaExpandedState( menuItemAria );
|
||||
|
||||
// Disable focus when using touchdevices
|
||||
siteNavigation.blur();
|
||||
});
|
||||
}
|
||||
|
||||
function closeSubMenu( currentSubmenu ) {
|
||||
|
||||
currentSubmenu.addEventListener('touchend', function() {
|
||||
|
||||
var menuItem = currentSubmenu.closest('.menu-item'); // this.parentNode
|
||||
var nearestSubMenu = currentSubmenu.closest('.sub-menu');
|
||||
|
||||
// If this is in a sub-sub-menu, go back to parent sub-menu
|
||||
if ( currentSubmenu.closest('ul').classList.contains('sub-menu') ) {
|
||||
|
||||
nearestSubMenu.classList.remove('expanded-true');
|
||||
toggleAriaExpandedState( currentSubmenu.closest('.menu-item').querySelectorAll('a[aria-expanded]') );
|
||||
|
||||
// Or else close all sub-menus
|
||||
} else {
|
||||
|
||||
menuItem.classList.remove('focus');
|
||||
menuItem.lastElementChild.classList.remove('expanded-true');
|
||||
toggleAriaExpandedState( currentSubmenu.closest('.menu-item').querySelectorAll('a[aria-expanded]') );
|
||||
}
|
||||
|
||||
// Disable :focus when using touchdevices
|
||||
siteNavigation.blur();
|
||||
});
|
||||
}
|
||||
|
||||
// Open submenus on touch
|
||||
for ( i = 0; i < subMenuExpand.length; i++) {
|
||||
subMenuExpand[i].addEventListener('touchstart', openSubMenu( subMenuExpand[i] ) );
|
||||
}
|
||||
|
||||
// Close sub-menus or sub-sub-menus on touch
|
||||
for ( o = 0; o < subMenuReturn.length; o++) {
|
||||
subMenuReturn[o].addEventListener('touchstart', closeSubMenu( subMenuReturn[o] ) );
|
||||
}
|
||||
|
||||
// Prevent :focus-within on menu-item links when using touch devices
|
||||
for ( u = 0; u < parentMenuLink.length; u++) {
|
||||
parentMenuLink[u].addEventListener('touchstart', function( event ) {
|
||||
|
||||
// Stop link behavior
|
||||
event.preventDefault();
|
||||
|
||||
// Go to link without openning submenu
|
||||
window.location = this.getAttribute('href');
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Debounce
|
||||
function debounce(func, wait, immediate) {
|
||||
'use strict';
|
||||
|
||||
var timeout;
|
||||
wait = (typeof wait !== 'undefined') ? wait : 20;
|
||||
immediate = (typeof immediate !== 'undefined') ? immediate : true;
|
||||
|
||||
return function() {
|
||||
|
||||
var context = this, args = arguments;
|
||||
var later = function() {
|
||||
timeout = null;
|
||||
|
||||
if (!immediate) {
|
||||
func.apply(context, args);
|
||||
}
|
||||
};
|
||||
|
||||
var callNow = immediate && !timeout;
|
||||
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(later, wait);
|
||||
|
||||
if (callNow) {
|
||||
func.apply(context, args);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
// Run our functions once the window has loaded fully
|
||||
window.addEventListener('load', function() {
|
||||
toggleSubmenuTouchScreen();
|
||||
});
|
||||
|
||||
// Annnnnd also every time the window resizes
|
||||
var isResizing = false;
|
||||
window.addEventListener('resize', debounce( function() {
|
||||
if (isResizing) {
|
||||
return;
|
||||
}
|
||||
|
||||
isResizing = true;
|
||||
setTimeout( function() {
|
||||
toggleSubmenuTouchScreen();
|
||||
isResizing = false;
|
||||
}, 150 );
|
||||
}));
|
||||
|
||||
})();
|
||||
|
|
@ -1182,9 +1182,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"fast-glob": {
|
||||
"version": "2.2.2",
|
||||
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.2.tgz",
|
||||
"integrity": "sha512-TR6zxCKftDQnUAPvkrCWdBgDq/gbqx8A3ApnBrR5rMvpp6+KMJI0Igw7fkWPgeVK0uhRXTXdvO3O+YP0CaUX2g==",
|
||||
"version": "2.2.3",
|
||||
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.3.tgz",
|
||||
"integrity": "sha512-NiX+JXjnx43RzvVFwRWfPKo4U+1BrK5pJPsHQdKMlLoFHrrGktXglQhHliSihWAq+m1z6fHk3uwGHrtRbS9vLA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@mrmlnc/readdir-enhanced": "^2.2.1",
|
||||
|
|
@ -2656,9 +2656,9 @@
|
|||
}
|
||||
},
|
||||
"merge2": {
|
||||
"version": "1.2.2",
|
||||
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.2.tgz",
|
||||
"integrity": "sha512-bgM8twH86rWni21thii6WCMQMRMmwqqdW3sGWi9IipnVAszdLXRjwDwAnyrVXo6DuP3AjRMMttZKUB48QWIFGg==",
|
||||
"version": "1.2.3",
|
||||
"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz",
|
||||
"integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==",
|
||||
"dev": true
|
||||
},
|
||||
"micromatch": {
|
||||
|
|
@ -3160,7 +3160,7 @@
|
|||
},
|
||||
"p-is-promise": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
|
||||
"resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
|
||||
"integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
|
||||
"dev": true
|
||||
},
|
||||
|
|
@ -3295,9 +3295,9 @@
|
|||
}
|
||||
},
|
||||
"postcss-cli": {
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.0.tgz",
|
||||
"integrity": "sha512-7DuxMn1Wj6dJKbjKpZXOdAc5nl5NfPXiJbg0m/+tdObPvgk1xv4+lZgNKD3jL/kCrDRPf1jgFlmq1cHh8lBR2w==",
|
||||
"version": "6.0.1",
|
||||
"resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.1.tgz",
|
||||
"integrity": "sha512-M9GiEMzXVMlI4ln8e+mdeHT+qvoHVZdlN06hj5/EhrRZWDr+J1sniPeGJ4nghknl+du3Oj2UoqqhgpKKhiZ9+w==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"chalk": "^2.1.0",
|
||||
|
|
@ -3308,7 +3308,7 @@
|
|||
"globby": "^8.0.0",
|
||||
"postcss": "^7.0.0",
|
||||
"postcss-load-config": "^2.0.0",
|
||||
"postcss-reporter": "^5.0.0",
|
||||
"postcss-reporter": "^6.0.0",
|
||||
"pretty-hrtime": "^1.0.3",
|
||||
"read-cache": "^1.0.0",
|
||||
"yargs": "^12.0.1"
|
||||
|
|
@ -3449,6 +3449,15 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"postcss-focus-within": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
|
||||
"integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"postcss": "^7.0.2"
|
||||
}
|
||||
},
|
||||
"postcss-load-config": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.0.0.tgz",
|
||||
|
|
@ -3460,28 +3469,15 @@
|
|||
}
|
||||
},
|
||||
"postcss-reporter": {
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-5.0.0.tgz",
|
||||
"integrity": "sha512-rBkDbaHAu5uywbCR2XE8a25tats3xSOsGNx6mppK6Q9kSFGKc/FyAzfci+fWM2l+K402p1D0pNcfDGxeje5IKg==",
|
||||
"version": "6.0.0",
|
||||
"resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.0.tgz",
|
||||
"integrity": "sha512-5xQXm1UPWuFObjbtyQzWvQaupru8yFcFi4HUlm6OPo1o2bUszYASuqRJ7bVArb3svGCdbYtqdMBKrqR1Aoy+tw==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"chalk": "^2.0.1",
|
||||
"lodash": "^4.17.4",
|
||||
"log-symbols": "^2.0.0",
|
||||
"postcss": "^6.0.8"
|
||||
},
|
||||
"dependencies": {
|
||||
"postcss": {
|
||||
"version": "6.0.23",
|
||||
"resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
|
||||
"integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"chalk": "^2.4.1",
|
||||
"source-map": "^0.6.1",
|
||||
"supports-color": "^5.4.0"
|
||||
}
|
||||
}
|
||||
"postcss": "^7.0.2"
|
||||
}
|
||||
},
|
||||
"postcss-value-parser": {
|
||||
|
|
|
|||
|
|
@ -11,9 +11,10 @@
|
|||
"autoprefixer": "^9.1.5",
|
||||
"chokidar-cli": "^1.2.1",
|
||||
"node-sass": "^4.9.3",
|
||||
"postcss-cli": "^6.0.0",
|
||||
"rtlcss": "^2.4.0",
|
||||
"npm-run-all": "^4.1.3"
|
||||
"npm-run-all": "^4.1.3",
|
||||
"postcss-cli": "^6.0.1",
|
||||
"postcss-focus-within": "^3.0.0",
|
||||
"rtlcss": "^2.4.0"
|
||||
},
|
||||
"rtlcssConfig": {
|
||||
"options": {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,13 @@
|
|||
var postcssFocusWithin = require('postcss-focus-within');
|
||||
|
||||
module.exports = {
|
||||
plugins: {
|
||||
autoprefixer: {}
|
||||
}
|
||||
};
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
postcssFocusWithin(/* pluginOptions */)
|
||||
]
|
||||
};
|
||||
|
|
|
|||
|
|
@ -2,15 +2,14 @@
|
|||
|
||||
[](https://travis-ci.org/WordPress/twentynineteen)
|
||||
|
||||
**Contributors:** the WordPress team
|
||||
**Requires at least:** WordPress 4.9.6
|
||||
**Tested up to:** WordPress 4.9.8
|
||||
**Version:** 1.0
|
||||
**License:** GPLv2 or later
|
||||
**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
|
||||
**Contributors:** the WordPress team
|
||||
**Requires at least:** WordPress 4.9.6
|
||||
**Tested up to:** WordPress 4.9.8
|
||||
**Version:** 1.0
|
||||
**License:** GPLv2 or later
|
||||
**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
|
||||
**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
|
||||
|
||||
|
||||
## Description
|
||||
|
||||
Twenty Nineteen is a Gutenberg-ready theme for WordPress.
|
||||
|
|
@ -23,7 +22,6 @@ Twenty Nineteen is a Gutenberg-ready theme for WordPress.
|
|||
4. Go to https://codex.wordpress.org/Twenty_Nineteen for a guide on how to customize this theme.
|
||||
5. Navigate to Appearance > Customize in your admin panel and customize to taste.
|
||||
|
||||
|
||||
## Copyright
|
||||
|
||||
Twenty Nineteen WordPress Theme, Copyright 2018 WordPress.org
|
||||
|
|
@ -60,6 +58,7 @@ Source: https://pexels.com/xxxxxxxxxx
|
|||
## Changelog
|
||||
|
||||
### X.X
|
||||
|
||||
* Released: XX-XX-XXXX
|
||||
|
||||
Initial release
|
||||
|
|
|
|||
|
|
@ -1,25 +1,15 @@
|
|||
/* !Block styles */
|
||||
|
||||
.entry-content > *,
|
||||
.entry-summary > * {
|
||||
.entry .entry-content > *,
|
||||
.entry .entry-summary > * {
|
||||
margin: 32px 0;
|
||||
max-width: 100%;
|
||||
|
||||
@include postContentMaxWidth();
|
||||
|
||||
margin: 32px $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 32px calc(2 * (100vw / 12));
|
||||
margin: 32px 0;
|
||||
}
|
||||
/*
|
||||
// Set top margins for headings
|
||||
& + h1:before,
|
||||
& + h2:before,
|
||||
& + h3,
|
||||
& + h4,
|
||||
& + h5,
|
||||
& + h6 {
|
||||
margin-top: calc(4 * #{ $size__spacing-unit});
|
||||
}
|
||||
*/
|
||||
|
||||
> *:first-child {
|
||||
margin-top: 0;
|
||||
|
|
@ -30,32 +20,44 @@
|
|||
}
|
||||
|
||||
&.alignwide {
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
clear: both;
|
||||
|
||||
@include media(tablet) {
|
||||
margin-left: calc(2 * (100vw / 12));
|
||||
margin-right: calc(2 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.alignfull {
|
||||
margin-top: calc(2 * #{$size__spacing-unit});
|
||||
margin-right: 0;
|
||||
margin-bottom: calc(2 * #{$size__spacing-unit});
|
||||
margin-left: 0;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
left: -#{$size__spacing-unit };
|
||||
width: calc( 100% + (2 * #{$size__spacing-unit}));
|
||||
max-width: calc( 100% + (2 * #{$size__spacing-unit}));
|
||||
clear: both;
|
||||
|
||||
@include media(tablet) {
|
||||
margin-top: calc(2 * #{$size__spacing-unit});
|
||||
margin-bottom: calc(2 * #{$size__spacing-unit});
|
||||
left: calc( -12.5% - 75px );
|
||||
width: calc( 125% + 150px );
|
||||
max-width: calc( 125% + 150px );
|
||||
}
|
||||
}
|
||||
|
||||
&.alignleft {
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
max-width: calc(5 * (100vw / 12));
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
/*rtl:ignore*/
|
||||
margin-right: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: calc(4 * (100vw / 12));
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc(2 * #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
|
|
@ -65,35 +67,63 @@
|
|||
}
|
||||
|
||||
&.alignright {
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
max-width: calc(5 * (100vw / 12));
|
||||
margin-top: 0;
|
||||
margin-right: 0;
|
||||
/*rtl:ignore*/
|
||||
margin-left: $size__spacing-unit;
|
||||
margin-right: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: calc(4 * (100vw / 12));
|
||||
margin-right: 0;
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc(2 * #{$size__spacing-unit});
|
||||
margin-right: calc(2 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
&.aligncenter {
|
||||
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@include media(desktop) {
|
||||
margin-left: calc(2 * (100vw / 12));
|
||||
margin-right: calc(2 * (100vw / 12));
|
||||
max-width: calc(10 * (100vw / 12));
|
||||
position: relative;
|
||||
left: 25%;
|
||||
transform: translate(-50%);
|
||||
@include postContentMaxWidth();
|
||||
|
||||
@include media(tablet) {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content {
|
||||
/*
|
||||
* Unset nested content selector styles
|
||||
* - Prevents layout styles from cascading too deeply
|
||||
* - helps with plugin compatibility
|
||||
*/
|
||||
.entry .entry-content,
|
||||
.entry .entry-summary {
|
||||
|
||||
.entry-content,
|
||||
.entry-summary,
|
||||
.entry {
|
||||
margin: inherit;
|
||||
max-width: inherit;
|
||||
padding: inherit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: inherit;
|
||||
max-width: inherit;
|
||||
padding: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.entry .entry-content {
|
||||
|
||||
//! Paragraphs
|
||||
p.has-background {
|
||||
padding: 20px 30px;
|
||||
}
|
||||
|
||||
//! Audio
|
||||
.wp-block-audio {
|
||||
|
|
@ -107,7 +137,7 @@
|
|||
&.alignleft audio,
|
||||
&.alignright audio {
|
||||
|
||||
max-width: (0.5 * $mobile_width);
|
||||
max-width: (0.33 * $mobile_width);
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: (0.5 * $tablet_width);
|
||||
|
|
@ -151,14 +181,12 @@
|
|||
outline: none;
|
||||
|
||||
&:hover {
|
||||
background: $color__background-button-hover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background: $color__background-button-hover;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: $color__background-button-hover;
|
||||
outline: thin dotted;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
|
@ -196,21 +224,34 @@
|
|||
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
|
||||
font-weight: bold;
|
||||
line-height: $font__line-height-heading;
|
||||
padding-bottom: ( .75 * $size__spacing-unit );
|
||||
|
||||
&:not(.menu-item-has-children) {
|
||||
padding-bottom: ( .75 * $size__spacing-unit );
|
||||
&.menu-item-has-children,
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//! Latest categories
|
||||
.wp-block-categories {
|
||||
|
||||
ul {
|
||||
padding-top: ( .75 * $size__spacing-unit );
|
||||
}
|
||||
|
||||
li ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
@include nestedSubMenuPadding();
|
||||
}
|
||||
|
||||
//! Latest posts grid view
|
||||
.wp-block-latest-posts.is-grid {
|
||||
li {
|
||||
|
|
@ -264,7 +305,8 @@
|
|||
blockquote {
|
||||
color: $color__text-main;
|
||||
border: none;
|
||||
padding-bottom: calc(2 * #{$size__spacing-unit});
|
||||
margin-top: calc(4 * #{ $size__spacing-unit});
|
||||
margin-bottom: calc(4.33 * #{ $size__spacing-unit});
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
|
@ -287,13 +329,20 @@
|
|||
cite {
|
||||
display: inline-block;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
line-height: 1.6;
|
||||
text-transform: none;
|
||||
color: $color__text-light;
|
||||
|
||||
/*
|
||||
* This requires a rem-based font size calculation instead of our normal em-based one,
|
||||
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
|
||||
*/
|
||||
font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
|
||||
}
|
||||
|
||||
&.alignleft,
|
||||
&.alignright {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
|
||||
blockquote {
|
||||
|
|
@ -305,8 +354,14 @@
|
|||
}
|
||||
|
||||
&.is-style-solid-color {
|
||||
|
||||
background-color: $color__link;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
|
||||
@include media(tablet) {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: $font__size-lg;
|
||||
|
|
@ -323,27 +378,31 @@
|
|||
color: $color__background-body;
|
||||
}
|
||||
|
||||
cite {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
max-width: calc(100% - (2 * #{$size__spacing-unit}));
|
||||
color: $color__background-body;
|
||||
margin: 0 auto;
|
||||
padding-left: 0;
|
||||
margin-left: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.has-primary-background-color {
|
||||
background-color: $color__link;
|
||||
}
|
||||
|
||||
&.alignleft,
|
||||
&.alignright {
|
||||
padding: $size__spacing-unit $size__spacing-unit 0;
|
||||
|
||||
blockquote {
|
||||
padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
&.alignfull {
|
||||
|
||||
@include media(tablet) {
|
||||
padding: calc( 2 * #{$size__spacing-unit} ) calc( 2 * #{$size__spacing-unit} ) $size__spacing-unit;
|
||||
padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
|
||||
padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -366,13 +425,17 @@
|
|||
}
|
||||
|
||||
cite {
|
||||
font-size: $font__size-xs;
|
||||
/*
|
||||
* This requires a rem-based font size calculation instead of our normal em-based one,
|
||||
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
|
||||
*/
|
||||
font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
|
||||
}
|
||||
|
||||
&.is-large,
|
||||
&.is-style-large {
|
||||
padding: $size__spacing-unit 0 ($size__spacing-unit) ($size__spacing-unit * 2);
|
||||
margin: $size__spacing-unit 0;
|
||||
padding: 0;
|
||||
border-left: none;
|
||||
|
||||
p {
|
||||
|
|
@ -383,13 +446,16 @@
|
|||
|
||||
cite,
|
||||
footer {
|
||||
font-size: $font__size-xs;
|
||||
/*
|
||||
* This requires a rem-based font size calculation instead of our normal em-based one,
|
||||
* because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
|
||||
*/
|
||||
font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
margin: $size__spacing-unit calc(2 * (100vw / 12));
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
margin: $size__spacing-unit 0;
|
||||
padding: $size__spacing-unit 0;
|
||||
|
||||
p {
|
||||
font-size: $font__size-lg;
|
||||
|
|
@ -412,14 +478,24 @@
|
|||
|
||||
&.alignfull img {
|
||||
width: 100vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
@include media(tablet) {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//! Cover Image
|
||||
.wp-block-cover-image,
|
||||
.wp-block-cover {
|
||||
position: relative;
|
||||
min-height: 430px;
|
||||
padding: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
padding: $size__spacing-unit 10%;
|
||||
}
|
||||
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text,
|
||||
|
|
@ -427,24 +503,16 @@
|
|||
font-family: $font__heading;
|
||||
font-size: $font__size-lg;
|
||||
font-weight: bold;
|
||||
|
||||
width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
||||
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
||||
line-height: 1.25;
|
||||
padding: 0;
|
||||
color: #fff;
|
||||
|
||||
@include media(tablet) {
|
||||
font-size: $font__size-xl;
|
||||
width: calc(8 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
width: calc(6 * (100vw / 12 ));
|
||||
max-width: calc(6 * (100vw / 12 ));
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&.alignleft,
|
||||
&.alignright,
|
||||
&.aligncenter {
|
||||
h2,
|
||||
.wp-block-cover-image-text,
|
||||
|
|
@ -458,36 +526,41 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.aligncenter {
|
||||
margin: 32px calc(2 * (100vw / 12));
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
&.alignleft,
|
||||
&.alignright {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.has-left-content {
|
||||
justify-content: center;
|
||||
&.alignfull {
|
||||
|
||||
h2,
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text {
|
||||
padding: $size__spacing-unit;
|
||||
.wp-block-cover-text,
|
||||
h2 {
|
||||
@include postContentMaxWidth();
|
||||
}
|
||||
}
|
||||
|
||||
&.has-right-content {
|
||||
justify-content: center;
|
||||
@include media(tablet) {
|
||||
padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
|
||||
padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
|
||||
|
||||
h2,
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text {
|
||||
padding: $size__spacing-unit;
|
||||
.wp-block-cover-image-text,
|
||||
.wp-block-cover-text,
|
||||
h2 {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//! Galleries
|
||||
.wp-block-gallery .blocks-gallery-image:last-child,
|
||||
.wp-block-gallery .blocks-gallery-item:last-child {
|
||||
margin-bottom: 16px;
|
||||
.wp-block-gallery {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
|
||||
.blocks-gallery-image:last-child,
|
||||
.blocks-gallery-item:last-child {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
//! Captions
|
||||
|
|
@ -507,18 +580,33 @@
|
|||
//! Separator
|
||||
.wp-block-separator,
|
||||
hr {
|
||||
background-color: $color__text-light;
|
||||
border: 0;
|
||||
height: 2px;
|
||||
margin-bottom: (2 * $size__spacing-unit);
|
||||
margin-top: (2 * $size__spacing-unit);
|
||||
max-width: 2.25em;
|
||||
text-align: left;
|
||||
|
||||
&:not(.is-style-dots) {
|
||||
background-color: $color__text-light;
|
||||
border: 0;
|
||||
height: 2px;
|
||||
&.is-style-wide {
|
||||
max-width: 100%;
|
||||
@include postContentMaxWidth();
|
||||
}
|
||||
|
||||
&:not(.is-style-wide):not(.is-style-dots) {
|
||||
max-width: 2.25em;
|
||||
&.is-style-dots {
|
||||
max-width: 100%;
|
||||
@include postContentMaxWidth();
|
||||
background-color: inherit;
|
||||
border: inherit;
|
||||
height: inherit;
|
||||
text-align: center;
|
||||
|
||||
&:before {
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-lg;
|
||||
letter-spacing: $font__size-sm;
|
||||
padding-left: $font__size-sm;
|
||||
}
|
||||
}
|
||||
|
||||
/* Remove duplicate rule-line when a separator
|
||||
|
|
@ -530,18 +618,6 @@
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-style-dots {
|
||||
@include postContentMaxWidth();
|
||||
text-align: center;
|
||||
|
||||
&:before {
|
||||
color: $color__text-light;
|
||||
font-size: $font__size-lg;
|
||||
letter-spacing: $font__size-sm;
|
||||
padding-left: $font__size-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//! Twitter Embed
|
||||
|
|
@ -552,7 +628,8 @@
|
|||
//! Table
|
||||
.wp-block-table {
|
||||
|
||||
td, th {
|
||||
th,
|
||||
td {
|
||||
border-color: $color__text-light;
|
||||
}
|
||||
}
|
||||
|
|
@ -569,8 +646,10 @@
|
|||
font-size: $font__size-base;
|
||||
font-family: $font__heading;
|
||||
line-height: $font__line-height-heading;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
padding: ($size__spacing-unit * .75) $size__spacing-unit;
|
||||
color: #fff;
|
||||
|
||||
@include media(desktop) {
|
||||
font-size: $font__size-base;
|
||||
|
|
@ -578,18 +657,20 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
background: $color__background-button-hover;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
background: $color__background-button-hover;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: $color__background-button-hover;
|
||||
outline: thin dotted;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
}
|
||||
|
||||
* + .wp-block-file__button {
|
||||
margin-left: ($size__spacing-unit * .75);
|
||||
}
|
||||
}
|
||||
|
||||
//! Code
|
||||
|
|
@ -606,22 +687,24 @@
|
|||
//! Columns
|
||||
.wp-block-columns {
|
||||
|
||||
.wp-block-column > * {
|
||||
@include media(tablet) {
|
||||
.wp-block-column > * {
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
&[class*='has-'] > * {
|
||||
margin-right: $size__spacing-unit;
|
||||
|
||||
&[class*='has-'] > * {
|
||||
margin-right: $size__spacing-unit;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,10 +3,11 @@ html {
|
|||
}
|
||||
|
||||
::-moz-selection {
|
||||
background: $color__background_selection;
|
||||
background-color: $color__background_selection;
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: $color__background_selection;
|
||||
background-color: $color__background_selection;
|
||||
}
|
||||
|
||||
*,
|
||||
|
|
@ -16,7 +17,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
background: $color__background-body;
|
||||
background-color: $color__background-body;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -41,12 +42,18 @@ a:focus {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
clear: both;
|
||||
margin: $size__spacing-unit 0;
|
||||
}
|
||||
|
||||
h1:not(.site-title), h2 {
|
||||
h1:not(.site-title),
|
||||
h2 {
|
||||
@include post-section-dash;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,12 @@
|
|||
table {
|
||||
margin: 0 0 $size__spacing-unit;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
|
||||
td, th {
|
||||
border-color: $color__text-light;
|
||||
td,
|
||||
th {
|
||||
padding: 0.5em;
|
||||
border: 1px solid $color__text-light;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,18 @@
|
|||
.wp-caption {
|
||||
margin-bottom: calc(1.5 * #{$size__spacing-unit});
|
||||
|
||||
&.aligncenter {
|
||||
|
||||
@include media(tablet) {
|
||||
position: relative;
|
||||
left: calc( #{$size__site-tablet-content} / 2 );
|
||||
transform: translateX( -50% );
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
left: calc( #{$size__site-desktop-content} / 2 );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-caption img[class*="wp-image-"] {
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
.gallery-item {
|
||||
display: inline-block;
|
||||
padding-right: $size__spacing-unit;
|
||||
margin-right: $size__spacing-unit;
|
||||
margin-bottom: $size__spacing-unit;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
|
|
@ -16,7 +16,11 @@
|
|||
// Loops to enumerate the classes for gallery columns.
|
||||
@for $i from 2 through 9 {
|
||||
.gallery-columns-#{$i} & {
|
||||
max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
|
||||
max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
|
||||
|
||||
&:nth-of-type(#{$i}n+#{$i}) {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -87,16 +87,139 @@
|
|||
0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
|
||||
}
|
||||
|
||||
/* Fallback for non-latin fonts */
|
||||
|
||||
@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
|
||||
|
||||
/* Arabic */
|
||||
html[lang="ar"] #{$wrapper_classname} *,
|
||||
html[lang="ary"] #{$wrapper_classname} *,
|
||||
html[lang="azb"] #{$wrapper_classname} *,
|
||||
html[lang="ckb"] #{$wrapper_classname} *,
|
||||
html[lang="fa-IR"] #{$wrapper_classname} *,
|
||||
html[lang="haz"] #{$wrapper_classname} *,
|
||||
html[lang="ps"] #{$wrapper_classname} * {
|
||||
font-family: Tahoma, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Cyrillic */
|
||||
html[lang="be"] #{$wrapper_classname} *,
|
||||
html[lang="bg-BG"] #{$wrapper_classname} *,
|
||||
html[lang="kk"] #{$wrapper_classname} *,
|
||||
html[lang="mk-MK"] #{$wrapper_classname} *,
|
||||
html[lang="mn"] #{$wrapper_classname} *,
|
||||
html[lang="ru-RU"] #{$wrapper_classname} *,
|
||||
html[lang="sah"] #{$wrapper_classname} *,
|
||||
html[lang="sr-RS"] #{$wrapper_classname} *,
|
||||
html[lang="tt-RU"] #{$wrapper_classname} *,
|
||||
html[lang="uk"] #{$wrapper_classname} * {
|
||||
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Hong Kong) */
|
||||
html[lang="zh-HK"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Taiwan) */
|
||||
html[lang="zh-TW"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (China) */
|
||||
html[lang="zh-CN"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Devanagari */
|
||||
html[lang="bn-BD"] #{$wrapper_classname} *,
|
||||
html[lang="hi-IN"] #{$wrapper_classname} *,
|
||||
html[lang="mr"] #{$wrapper_classname} *,
|
||||
html[lang="ne-NP"] #{$wrapper_classname} * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Greek */
|
||||
html[lang="el"] #{$wrapper_classname} * {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Gujarati */
|
||||
html[lang="gu"] #{$wrapper_classname} * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Hebrew */
|
||||
html[lang="he-IL"] #{$wrapper_classname} * {
|
||||
font-family: 'Arial Hebrew', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Japanese */
|
||||
html[lang="ja"] #{$wrapper_classname} * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
|
||||
}
|
||||
|
||||
/* Korean */
|
||||
html[lang="ko-KR"] #{$wrapper_classname} * {
|
||||
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Thai */
|
||||
html[lang="th"] #{$wrapper_classname} * {
|
||||
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Vietnamese */
|
||||
html[lang="vi"] #{$wrapper_classname} * {
|
||||
font-family: 'Libre Franklin', sans-serif !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Calculates maximum width for post content */
|
||||
@mixin postContentMaxWidth() {
|
||||
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
max-width: $size__site-tablet-content;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
@mixin nestedSubMenuPadding() {
|
||||
|
||||
ul li > a:before {
|
||||
font-family: $font__body;
|
||||
font-weight: normal;
|
||||
}
|
||||
ul > li > a:before {
|
||||
content: "\2013\00a0";
|
||||
}
|
||||
ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
ul ul ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,10 +1,17 @@
|
|||
|
||||
@mixin media( $res ) {
|
||||
@if mobile == $res {
|
||||
@media only screen and (min-width: $mobile_width) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@if tablet == $res {
|
||||
@media only screen and (min-width: $tablet_width) {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@if desktop == $res {
|
||||
@media only screen and (min-width: $desktop_width) {
|
||||
@content;
|
||||
|
|
|
|||
|
|
@ -1,13 +1,25 @@
|
|||
.alignleft {
|
||||
/*rtl:ignore*/
|
||||
float: left;
|
||||
/*rtl:ignore*/
|
||||
margin-right: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
/*rtl:ignore*/
|
||||
margin-right: calc(2 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.alignright {
|
||||
/*rtl:ignore*/
|
||||
float: right;
|
||||
/*rtl:ignore*/
|
||||
margin-left: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
/*rtl:ignore*/
|
||||
margin-left: calc(2 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
/** === Footer menu === */
|
||||
|
||||
.footer-navigation {
|
||||
|
||||
display: inline;
|
||||
|
||||
& > div {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.footer-menu {
|
||||
|
||||
display: inline;
|
||||
padding-left: 0;
|
||||
|
||||
li {
|
||||
display: inline;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -15,7 +15,7 @@
|
|||
|
||||
.main-menu {
|
||||
|
||||
display: inline;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
|
|
@ -23,10 +23,7 @@
|
|||
|
||||
color: $color__link;
|
||||
display: inline;
|
||||
|
||||
@include media(tablet) {
|
||||
position: relative;
|
||||
}
|
||||
position: relative;
|
||||
|
||||
> a {
|
||||
|
||||
|
|
@ -47,6 +44,11 @@
|
|||
&.menu-item-has-children {
|
||||
|
||||
display: inline-block;
|
||||
position: inherit;
|
||||
|
||||
@include media(tablet) {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
> a {
|
||||
margin-right: #{0.125 * $size__spacing-unit};
|
||||
|
|
@ -61,55 +63,76 @@
|
|||
}
|
||||
}
|
||||
|
||||
.mobile-submenu-expand svg,
|
||||
.desktop-submenu-expand svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
}
|
||||
|
||||
.mobile-submenu-expand,
|
||||
.desktop-submenu-expand {
|
||||
.submenu-expand {
|
||||
display: inline-block;
|
||||
margin-right: #{0.5 * $size__spacing-unit};
|
||||
|
||||
/* Priority+ Menu */
|
||||
&.main-menu-more-toggle {
|
||||
|
||||
position: relative;
|
||||
height: 24px;
|
||||
line-height: $font__line-height-heading;
|
||||
width: 24px;
|
||||
padding: 0;
|
||||
margin-left: #{0.5 * $size__spacing-unit};
|
||||
|
||||
svg {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
top: #{-0.125 * $size__spacing-unit};
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
}
|
||||
|
||||
svg {
|
||||
position: relative;
|
||||
top: 0.2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child > a {
|
||||
&:last-child > a,
|
||||
&:last-child.menu-item-has-children .submenu-expand {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
|
||||
background: $color__link;
|
||||
background-color: $color__link;
|
||||
color: $color__background-body;
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
|
||||
display: none;
|
||||
float: left;
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
left: -999px;
|
||||
z-index: 99999;
|
||||
|
||||
@include media(tablet) {
|
||||
width: max-content;
|
||||
max-width: calc(3 * (100vw / 12));
|
||||
width: auto;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
}
|
||||
|
||||
> li {
|
||||
|
||||
clear: both;
|
||||
display: block;
|
||||
float: none;
|
||||
position: relative;
|
||||
word-break: break-word;
|
||||
|
||||
&.menu-item-has-children {
|
||||
|
||||
.mobile-submenu-expand,
|
||||
.desktop-submenu-expand {
|
||||
.submenu-expand {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
width: calc( 24px + #{$size__spacing-unit} );
|
||||
right: 0;
|
||||
|
|
@ -124,12 +147,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.mobile-submenu-expand,
|
||||
.desktop-submenu-expand {
|
||||
.submenu-expand {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.menu-item-has-children > a {
|
||||
|
||||
&:after {
|
||||
|
|
@ -139,11 +162,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
> a:not(.mobile-submenu-expand) {
|
||||
> a,
|
||||
> .menu-item-link-return {
|
||||
|
||||
color: $color__background-body;
|
||||
display: block;
|
||||
line-height: $font__line-height-heading;
|
||||
padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
|
|
@ -156,6 +182,7 @@
|
|||
}
|
||||
|
||||
&.mobile-parent-nav-menu-item {
|
||||
|
||||
display: none;
|
||||
font-size: $font__size-sm;
|
||||
font-weight: normal;
|
||||
|
|
@ -170,39 +197,24 @@
|
|||
}
|
||||
|
||||
/*
|
||||
* Sub-menu styles
|
||||
*
|
||||
* :focus-within needs its own selector so other similar
|
||||
* selectors don’t get ignored if a browser doesn’t recognize it
|
||||
*/
|
||||
.main-menu .menu-item-has-children:focus-within > .sub-menu {
|
||||
.main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
|
||||
|
||||
display: block;
|
||||
left: 0;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
width: calc( 100vw - #{$size__spacing-unit * 2});
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
|
||||
.sub-menu {
|
||||
|
||||
margin-top: inherit;
|
||||
position: relative;
|
||||
padding-left: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
padding-left: 0;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
width: max-content;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu .menu-item-has-children:hover > .sub-menu,
|
||||
.main-menu .menu-item-has-children:focus > .sub-menu,
|
||||
.main-menu .menu-item-has-children .sub-menu:hover,
|
||||
.main-menu .menu-item-has-children .sub-menu:focus {
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
display: table;
|
||||
display: block;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
|
|
@ -211,67 +223,249 @@
|
|||
top: auto;
|
||||
bottom: auto;
|
||||
height: auto;
|
||||
width: max-content;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
transform: none;
|
||||
animation: fade_in 0.1s forwards;
|
||||
}
|
||||
|
||||
&.hidden-links {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
position: absolute;
|
||||
|
||||
@include media(tablet) {
|
||||
right: 0;
|
||||
left: auto;
|
||||
display: block;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
display: block;
|
||||
margin-top: inherit;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
.sub-menu li > a:before {
|
||||
font-family: $font__body;
|
||||
font-weight: normal;
|
||||
}
|
||||
.sub-menu > li > a:before {
|
||||
content: "\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
|
||||
.main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
|
||||
.main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
|
||||
|
||||
display: block;
|
||||
left: 0;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
width: auto;
|
||||
min-width: 100%;
|
||||
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
display: block;
|
||||
float: none;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: auto;
|
||||
top: auto;
|
||||
bottom: auto;
|
||||
height: auto;
|
||||
min-width: -moz-max-content;
|
||||
min-width: -webkit-max-content;
|
||||
min-width: max-content;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
&.hidden-links {
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: table;
|
||||
position: absolute;
|
||||
|
||||
@include media(tablet) {
|
||||
margin-top: inherit;
|
||||
padding-left: 0;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: auto;
|
||||
display: table;
|
||||
width: max-content;
|
||||
}
|
||||
}
|
||||
|
||||
.submenu-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
display: block;
|
||||
margin-top: inherit;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
|
||||
/* Non-mobile position */
|
||||
@include media(tablet) {
|
||||
float: none;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
.sub-menu li > a:before {
|
||||
font-family: $font__body;
|
||||
font-weight: normal;
|
||||
}
|
||||
.sub-menu > li > a:before {
|
||||
content: "\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
.sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Full-screen touch device styles
|
||||
*/
|
||||
.main-menu .menu-item-has-children.off-canvas .sub-menu {
|
||||
|
||||
animation: fade_in 0.1s forwards;
|
||||
|
||||
.submenu-expand .svg-icon {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
.sub-menu {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
|
||||
li:hover,
|
||||
li:focus,
|
||||
li > a:hover,
|
||||
li > a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
&.expanded-true {
|
||||
|
||||
display: table;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
padding-left: 0;
|
||||
|
||||
/* Mobile position */
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: fixed;
|
||||
z-index: 100000; /* Make sure appears above mobile admin bar */
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
max-width: 100vw;
|
||||
transform: translateX(+100%);
|
||||
animation: slide_in_right 0.3s forwards;
|
||||
|
||||
> .mobile-parent-nav-menu-item {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Prevent menu from being blocked by admin bar */
|
||||
.admin-bar & {
|
||||
top: 46px;
|
||||
height: calc( 100vh - 46px );
|
||||
|
||||
.sub-menu.expanded-true {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* WP core breakpoint */
|
||||
@media only screen and ( min-width: 782px ) {
|
||||
top: 32px;
|
||||
height: calc( 100vh - 32px );
|
||||
|
||||
.sub-menu.expanded-true {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
|
||||
|
||||
display: table;
|
||||
margin-top: 0;
|
||||
opacity: 1;
|
||||
padding-left: 0;
|
||||
|
||||
/* Mobile position */
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: fixed;
|
||||
z-index: 100000; /* Make sure appears above mobile admin bar */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: translateX(+100%);
|
||||
animation: slide_in_right 0.3s forwards;
|
||||
|
||||
> .mobile-parent-nav-menu-item {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/* Only show one submenu expand button at a time (desktop vs mobile) */
|
||||
.desktop-submenu-expand {
|
||||
display: none;
|
||||
|
||||
@include media(tablet) {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-submenu-expand {
|
||||
display: inline-block;
|
||||
|
||||
@include media(tablet) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Menu Animation */
|
||||
/* Menu animation */
|
||||
|
||||
@keyframes slide_in_right {
|
||||
100% {
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
--------------------------------------------------------------*/
|
||||
@import "menu-main-navigation";
|
||||
@import "menu-social-navigation";
|
||||
@import "menu-footer-navigation";
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
## Next / Previous
|
||||
|
|
|
|||
|
|
@ -4,12 +4,12 @@
|
|||
.post-navigation {
|
||||
|
||||
margin: calc(3 * 1rem) 0;
|
||||
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * 1rem) calc(2 * (100vw / 12));
|
||||
margin: calc(3 * 1rem) $size__site-margins;
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
|
||||
|
||||
@include media(desktop) {
|
||||
margin: calc(3 * 1rem) 0;
|
||||
max-width: 100%;
|
||||
|
|
@ -21,15 +21,15 @@
|
|||
max-width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
flex-direction: row;
|
||||
margin: 0 calc(2 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
margin: 0 $size__site-margins;
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -123,6 +123,21 @@
|
|||
}
|
||||
}
|
||||
|
||||
a:focus {
|
||||
text-decoration: underline;
|
||||
outline-offset: -1px;
|
||||
|
||||
&.prev,
|
||||
&.next {
|
||||
text-decoration: none;
|
||||
|
||||
.nav-prev-text,
|
||||
.nav-next-text {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-next-text,
|
||||
.nav-prev-text {
|
||||
display: none;
|
||||
|
|
@ -130,7 +145,7 @@
|
|||
|
||||
@include media(tablet) {
|
||||
|
||||
margin-left: calc(2 * (100vw / 12) );
|
||||
margin-left: $size__site-margins;
|
||||
padding: 0;
|
||||
|
||||
.prev,
|
||||
|
|
@ -155,12 +170,6 @@
|
|||
.nav-links {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0 $size__spacing-unit;
|
||||
|
||||
@include media(desktop) {
|
||||
margin: 0 calc(2 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
.nav-previous,
|
||||
|
|
@ -184,13 +193,6 @@
|
|||
margin: 0 -0.35em;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
&:hover {
|
||||
color: $color__link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-next {
|
||||
|
|
|
|||
|
|
@ -4,12 +4,10 @@
|
|||
|
||||
.widget-area,
|
||||
.site-info {
|
||||
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||
}
|
||||
|
||||
.imprint {
|
||||
|
|
|
|||
|
|
@ -2,11 +2,14 @@
|
|||
|
||||
.site-header.featured-image {
|
||||
|
||||
/* Hide overflow for overflowing featured image */
|
||||
overflow: hidden;
|
||||
|
||||
/* Need relative positioning to properly align layers. */
|
||||
position: relative;
|
||||
|
||||
/* Add text shadow to text, to increase readability. */
|
||||
text-shadow: 0 1px 2px rgba(black, 0.35);
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
|
||||
|
||||
/* Set white text color when featured image is set. */
|
||||
.site-branding .site-title,
|
||||
|
|
@ -54,91 +57,122 @@
|
|||
.social-navigation svg,
|
||||
.site-featured-image svg {
|
||||
/* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
|
||||
-webkit-filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
|
||||
filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
|
||||
-webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
||||
filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
|
||||
}
|
||||
|
||||
/* Entry header */
|
||||
.site-featured-image {
|
||||
|
||||
.site-featured-image .entry-header {
|
||||
margin-top: calc( 4 * #{$size__spacing-unit});
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
/* First layer: grayscale. */
|
||||
.post-thumbnail img {
|
||||
height: auto;
|
||||
left: 50%;
|
||||
max-width: 1000%;
|
||||
min-height: 100%;
|
||||
min-width: 100vw;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateX(-50%) translateY(-50%);
|
||||
width: auto;
|
||||
z-index: 1;
|
||||
|
||||
@include media (tablet) {
|
||||
@supports ( object-fit: cover ) {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
object-fit: cover;
|
||||
top: 0;
|
||||
transform: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
margin-left: calc(2 * (100vw / 12));
|
||||
margin-right: calc(2 * (100vw / 12));
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
|
||||
&:before {
|
||||
background: $color__background-body;
|
||||
/* When image filters are active, make it grayscale to colorize it blue. */
|
||||
.image-filters-enabled & {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Entry meta */
|
||||
.entry-header {
|
||||
|
||||
.entry-meta {
|
||||
|
||||
font-weight: 500;
|
||||
|
||||
> span {
|
||||
|
||||
margin-right: $size__spacing-unit;
|
||||
display: inline-block;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@include link-transition;
|
||||
color: currentColor;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.discussion-avatar-list {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-discussion {
|
||||
margin-top: calc( 4 * #{$size__spacing-unit});
|
||||
margin-bottom: 0;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
|
||||
@include media (tablet) {
|
||||
|
||||
.entry-meta {
|
||||
display: flex;
|
||||
margin-left: $size__site-margins;
|
||||
margin-right: $size__site-margins;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
|
||||
&:before {
|
||||
background: $color__background-body;
|
||||
}
|
||||
}
|
||||
|
||||
/* Entry meta */
|
||||
|
||||
.entry-meta {
|
||||
|
||||
font-weight: 500;
|
||||
|
||||
> span {
|
||||
|
||||
margin-right: $size__spacing-unit;
|
||||
display: inline-block;
|
||||
|
||||
&:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@include link-transition;
|
||||
color: currentColor;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
|
||||
.discussion-avatar-list {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-meta .comment-count {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
&.has-discussion {
|
||||
|
||||
.entry-meta .discussion-avatar-list {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
@include media (tablet) {
|
||||
|
||||
.entry-meta {
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.entry-title {
|
||||
padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
.entry-meta .comment-count {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.entry-meta .discussion-avatar-list {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -170,7 +204,6 @@
|
|||
}
|
||||
|
||||
/* Set up image filter layer positioning */
|
||||
.site-branding-container:before,
|
||||
.site-branding-container:after,
|
||||
.site-featured-image:before,
|
||||
.site-featured-image:after,
|
||||
|
|
@ -184,26 +217,13 @@
|
|||
}
|
||||
|
||||
/* Background & Effects */
|
||||
/* Shared background settings between pseudo elements. See .site-branding-container */
|
||||
/* Shared background settings between pseudo elements. */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
|
||||
/* The intensity of each blend mode is controlled via layer opacity. */
|
||||
|
||||
/* First layer: grayscale. */
|
||||
.site-branding-container:before {
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
z-index: 1;
|
||||
|
||||
/* When image filters are active, make it grayscale to colorize it blue. */
|
||||
.image-filters-enabled & {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Second layer: screen. */
|
||||
.image-filters-enabled & .site-featured-image:before {
|
||||
background: $color__link;
|
||||
|
|
@ -212,8 +232,8 @@
|
|||
}
|
||||
|
||||
/* Third layer: multiply. */
|
||||
/* When image filters are inactive, a black overlay is added. */
|
||||
.site-featured-image:after {
|
||||
/* When image filters are inactive, a black overlay is added. */
|
||||
.site-featured-image:after {
|
||||
background: #000;
|
||||
mix-blend-mode: multiply;
|
||||
opacity: .7;
|
||||
|
|
@ -233,7 +253,7 @@
|
|||
|
||||
/* Fourth layer: overlay. */
|
||||
.image-filters-enabled & .site-branding-container:after {
|
||||
background: rgba(#000, 0.35);
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
mix-blend-mode: overlay;
|
||||
opacity: 0.5;
|
||||
z-index: 4;
|
||||
|
|
@ -252,7 +272,7 @@
|
|||
* but smooth effect when resizing the screen.
|
||||
*/
|
||||
transition: opacity 1200ms ease-in-out;
|
||||
opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
z-index: 5;
|
||||
|
||||
/* When image filters are active, a blue overlay is added. */
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@
|
|||
position: relative;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 0 calc(2 * (100vw / 12));
|
||||
margin: 0 $size__site-margins;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -48,7 +48,7 @@
|
|||
@include media(tablet) {
|
||||
margin-bottom: 0;
|
||||
position: absolute;
|
||||
right: calc(100% + (0.5 * 100vw / 12));
|
||||
right: calc(100% + (1.25 * #{$size__spacing-unit}));
|
||||
top: 4px; // Accounts for box-shadow widths
|
||||
z-index: 999;
|
||||
}
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
.custom-logo-link {
|
||||
border-radius: 100%;
|
||||
box-sizing: content-box;
|
||||
box-shadow: 0 0 0 0 rgba(black, 0);
|
||||
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
|
|
@ -70,7 +70,7 @@
|
|||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
box-shadow: 0 0 0 2px rgba(black, 1);
|
||||
box-shadow: 0 0 0 2px rgba(0, 0, 0, 1);
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
|
|
|
|||
|
|
@ -5,8 +5,7 @@
|
|||
margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 0 calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
margin: 0 $size__site-margins $size__site-margins;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
|
|
@ -42,7 +41,7 @@
|
|||
.hfeed .entry .entry-header {
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -56,7 +55,7 @@
|
|||
margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -7,6 +7,22 @@
|
|||
}
|
||||
|
||||
.comments-area {
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||
@include postContentMaxWidth();
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||
}
|
||||
|
||||
& > * {
|
||||
margin-top: calc(2 * #{$size__spacing-unit});
|
||||
margin-bottom: calc(2 * #{$size__spacing-unit});
|
||||
|
||||
@include media(tablet) {
|
||||
margin-top: calc(3 * #{$size__spacing-unit});
|
||||
margin-bottom: calc(3 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
/* Add extra margin when the comments section is located immediately after the
|
||||
* post itself (this happens on pages).
|
||||
|
|
@ -15,29 +31,12 @@
|
|||
margin-top: calc(3 * #{$size__spacing-unit});
|
||||
}
|
||||
|
||||
.comment-list,
|
||||
.comment-navigation,
|
||||
> .comment-respond,
|
||||
.comment-form-flex,
|
||||
.no-comments {
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
.comments-title-wrap {
|
||||
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
align-items: baseline;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
|
||||
.comments-title {
|
||||
|
|
@ -123,13 +122,15 @@
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
.pingback {
|
||||
.pingback,
|
||||
.trackback {
|
||||
|
||||
.comment-body {
|
||||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xs;
|
||||
font-weight: 500;
|
||||
margin-top: $size__spacing-unit;
|
||||
margin-bottom: $size__spacing-unit;
|
||||
|
||||
a:not(.comment-edit-link) {
|
||||
|
|
@ -150,9 +151,6 @@
|
|||
}
|
||||
|
||||
.comment-reply {
|
||||
left: calc(#{$size__spacing-unit} + 100%);
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
|
||||
#respond + & {
|
||||
display: none;
|
||||
|
|
@ -170,30 +168,27 @@
|
|||
@include media(tablet) {
|
||||
padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
|
||||
|
||||
&.depth-1,
|
||||
.children {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
&.depth-1 {
|
||||
margin-left: calc(3.25 * #{$size__spacing-unit});
|
||||
}
|
||||
}
|
||||
|
||||
.comment-body {
|
||||
margin: calc(2 * #{$size__spacing-unit}) 0;
|
||||
margin: calc(2 * #{$size__spacing-unit}) 0 0;
|
||||
}
|
||||
|
||||
|
||||
.comment-meta {
|
||||
position: relative;
|
||||
|
||||
@include media(tablet) {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.comment-author {
|
||||
|
||||
@include media(tablet) {
|
||||
flex: 0 0 auto;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
float: left;
|
||||
margin-right: $size__spacing-unit;
|
||||
|
|
@ -212,11 +207,6 @@
|
|||
position: relative;
|
||||
display: block;
|
||||
|
||||
@include media(tablet) {
|
||||
display: inline-block;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
|
||||
|
|
@ -252,16 +242,9 @@
|
|||
|
||||
.comment-metadata {
|
||||
|
||||
@include media(tablet) {
|
||||
flex: 1 0 auto;
|
||||
margin-left: $size__spacing-unit;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
> a,
|
||||
.comment-edit-link {
|
||||
display: inline-block;
|
||||
display: inline;
|
||||
font-weight: 500;
|
||||
color: $color__text-light;
|
||||
vertical-align: baseline;
|
||||
|
|
@ -271,7 +254,7 @@
|
|||
}
|
||||
|
||||
&:hover {
|
||||
color: $color__text-hover;
|
||||
color: $color__link-hover;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -312,6 +295,10 @@
|
|||
|
||||
margin: $size__spacing-unit 0;
|
||||
|
||||
@include media(desktop) {
|
||||
padding-right: $size__spacing-unit;
|
||||
}
|
||||
|
||||
> *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
|
@ -320,6 +307,10 @@
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
position: relative;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
|
||||
margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -100,12 +100,12 @@
|
|||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
|
||||
max-width: $size__site-tablet-content;
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -114,7 +114,7 @@
|
|||
margin: $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: $size__spacing-unit calc(2 * (100vw / 12));
|
||||
margin: $size__spacing-unit $size__site-margins;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
|
|
@ -130,7 +130,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.image-filters-enabled & {
|
||||
|
|
@ -141,9 +140,9 @@
|
|||
|
||||
.post-thumbnail-inner {
|
||||
filter: grayscale(100%);
|
||||
|
||||
|
||||
&:after {
|
||||
background: rgba(#000, 0.35);
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
content: "";
|
||||
display: block;
|
||||
height: 100%;
|
||||
|
|
@ -160,7 +159,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
&:before, &:after {
|
||||
&:before,
|
||||
&:after, {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
|
@ -171,7 +171,19 @@
|
|||
}
|
||||
|
||||
@include filter-duotone;
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.entry-content,
|
||||
.entry-summary {
|
||||
max-width: calc(100% - (2 * #{ $size__spacing-unit }));
|
||||
margin: 0 $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
padding: 0 60px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -208,29 +220,34 @@
|
|||
// Overwrite iframe embeds that have inline styles.
|
||||
> iframe[style] {
|
||||
|
||||
margin: 32px $size__spacing-unit !important;
|
||||
max-width: calc(100vw - (2 * #{ $size__spacing-unit })) !important;
|
||||
margin: 32px 0 !important;
|
||||
max-width: 100% !important;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: 32px calc(2 * (100vw / 12)) !important;
|
||||
max-width: calc(8 * (100vw / 12)) !important;
|
||||
max-width: $size__site-tablet-content !important;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
max-width: calc(6 * (100vw / 12)) !important;
|
||||
max-width: $size__site-desktop-content !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Page links
|
||||
.page-links a {
|
||||
margin: calc(0.5 * #{$size__spacing-unit});
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// Classic editor audio embeds.
|
||||
.wp-audio-shortcode {
|
||||
max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
max-width: $size__site-tablet-content;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
max-width: $size__site-desktop-content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -239,16 +256,16 @@
|
|||
/* Author description */
|
||||
|
||||
.author-bio {
|
||||
|
||||
margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
|
||||
|
||||
@include media(tablet) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
@include postContentMaxWidth();
|
||||
|
||||
@include media(tablet) {
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
|
||||
}
|
||||
|
||||
.author-title {
|
||||
|
|
|
|||
|
|
@ -16,8 +16,11 @@
|
|||
}
|
||||
|
||||
.widget_archive,
|
||||
.widget_nav_menu,
|
||||
.widget_categories,
|
||||
.widget_meta,
|
||||
.widget_nav_menu,
|
||||
.widget_pages,
|
||||
.widget_recent_comments,
|
||||
.widget_recent_entries,
|
||||
.widget_rss {
|
||||
|
||||
|
|
@ -29,28 +32,43 @@
|
|||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
|
||||
font-weight: bold;
|
||||
font-weight: 700;
|
||||
line-height: $font__line-height-heading;
|
||||
|
||||
&:not(.menu-item-has-children) {
|
||||
padding-bottom: ( .75 * $size__spacing-unit );
|
||||
}
|
||||
|
||||
ul {
|
||||
padding-left: $size__spacing-unit;
|
||||
}
|
||||
margin-top: #{0.5 * $size__spacing-unit};
|
||||
margin-bottom: #{0.5 * $size__spacing-unit};
|
||||
}
|
||||
|
||||
&.sub-menu {
|
||||
padding-top: ( .75 * $size__spacing-unit );
|
||||
}
|
||||
@include nestedSubMenuPadding();
|
||||
}
|
||||
}
|
||||
|
||||
.widget_tag_cloud {
|
||||
|
||||
.tagcloud {
|
||||
font-family: $font__heading;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.widget_search {
|
||||
|
||||
.search-submit {
|
||||
display: block;
|
||||
margin-top: $size__spacing-unit;
|
||||
}
|
||||
}
|
||||
|
||||
.widget_calendar .calendar_wrap {
|
||||
text-align: center;
|
||||
font-family: $font__heading;
|
||||
|
||||
table td,
|
||||
table th {
|
||||
border: none;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
|
@ -3,7 +3,10 @@ p {
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
dfn, cite, em, i {
|
||||
dfn,
|
||||
cite,
|
||||
em,
|
||||
i {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
|
|
@ -23,7 +26,10 @@ pre {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
code, kbd, tt, var {
|
||||
code,
|
||||
kbd,
|
||||
tt,
|
||||
var {
|
||||
font-size: $font__size-sm;
|
||||
font-family: $font__code;
|
||||
}
|
||||
|
|
@ -33,7 +39,8 @@ abbr, acronym {
|
|||
cursor: help;
|
||||
}
|
||||
|
||||
mark, ins {
|
||||
mark,
|
||||
ins {
|
||||
background: #fff9c0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,35 @@
|
|||
.author-description .author-link,
|
||||
.comment-metadata,
|
||||
.comment-reply-link,
|
||||
.comments-title,
|
||||
.comment-author .fn,
|
||||
.discussion-meta-info,
|
||||
.entry-meta,
|
||||
.entry-footer,
|
||||
.main-navigation,
|
||||
.no-comments,
|
||||
.not-found .page-title,
|
||||
.error-404 .page-title,
|
||||
.post-navigation .post-title,
|
||||
.page-links,
|
||||
.page-description,
|
||||
.pagination .nav-links,
|
||||
.sticky-post,
|
||||
.site-title,
|
||||
.site-info,
|
||||
#cancel-comment-reply-link,
|
||||
img:after,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: $font__heading;
|
||||
}
|
||||
|
||||
.main-navigation,
|
||||
.page-description,
|
||||
h2.author-title,
|
||||
.author-description .author-link,
|
||||
.not-found .page-title,
|
||||
.error-404 .page-title,
|
||||
|
|
@ -10,8 +39,12 @@ h2.author-title,
|
|||
.comment-author .fn,
|
||||
.no-comments,
|
||||
.site-title,
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: $font__heading;
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.02em;
|
||||
line-height: $font__line-height-heading;
|
||||
|
|
@ -19,21 +52,6 @@ h1, h2, h3, h4, h5, h6 {
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.site-info,
|
||||
.page-description,
|
||||
.post-navigation .post-title,
|
||||
.comment-metadata,
|
||||
.discussion-meta-info,
|
||||
.entry-meta,
|
||||
.entry-footer,
|
||||
.comment-reply-link,
|
||||
#cancel-comment-reply-link,
|
||||
img:after,
|
||||
.page-links,
|
||||
.sticky-post {
|
||||
font-family: $font__heading;
|
||||
}
|
||||
|
||||
.page-title {
|
||||
font-family: $font__body;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -30,3 +30,5 @@ textarea {
|
|||
@import "headings";
|
||||
|
||||
@import "copy";
|
||||
|
||||
@include non-latin-fonts();
|
||||
|
|
|
|||
|
|
@ -20,4 +20,4 @@ $font__size-xxxl: 1em * (3 * $font__size-ratio);
|
|||
$font__line-height-body: 1.8;
|
||||
$font__line-height-pre: 1.6;
|
||||
$font__line-height-heading: 1.2;
|
||||
$font__line-height-double: 2 * $font__line-height-heading;
|
||||
$font__line-height-double: 2 * $font__line-height-heading;
|
||||
|
|
@ -3,10 +3,13 @@
|
|||
$size__spacing-unit: 1rem;
|
||||
$size__site-main: 100%;
|
||||
$size__site-sidebar: 25%;
|
||||
$size__site-margins: calc(10% + 60px);
|
||||
$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
|
||||
$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
|
||||
|
||||
// Responsive widths.
|
||||
|
||||
$mobile_width: 380px;
|
||||
$mobile_width: 600px;
|
||||
$tablet_width: 768px;
|
||||
$desktop_width: 1168px;
|
||||
$wide_width: 1379px;
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ get_header();
|
|||
|
||||
<header class="page-header">
|
||||
<h1 class="page-title">
|
||||
<?php esc_html_e( 'Search results for:', 'twentynineteen' ); ?>
|
||||
<?php _e( 'Search results for:', 'twentynineteen' ); ?>
|
||||
</h1>
|
||||
<div class="page-description"><?php echo get_search_query(); ?></div>
|
||||
</header><!-- .page-header -->
|
||||
|
|
|
|||
|
|
@ -55,7 +55,5 @@ get_header();
|
|||
</main><!-- #main -->
|
||||
</section><!-- #primary -->
|
||||
|
||||
<?php get_template_part( 'template-parts/post/post', 'navigation' ); ?>
|
||||
|
||||
<?php
|
||||
get_footer();
|
||||
|
|
|
|||
|
|
@ -1,5 +1,95 @@
|
|||
/*!
|
||||
Twenty Nineteen Customizer Styles
|
||||
Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
|
||||
|
||||
NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
|
||||
NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
|
||||
*/
|
||||
/** === Includes === */
|
||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||
/* Fallback for non-latin fonts */
|
||||
/* Calculates maximum width for post content */
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
/** === Non-Latin font fallbacks === */
|
||||
/* Arabic */
|
||||
html[lang="ar"] .wp-block *,
|
||||
html[lang="ary"] .wp-block *,
|
||||
html[lang="azb"] .wp-block *,
|
||||
html[lang="ckb"] .wp-block *,
|
||||
html[lang="fa-IR"] .wp-block *,
|
||||
html[lang="haz"] .wp-block *,
|
||||
html[lang="ps"] .wp-block * {
|
||||
font-family: Tahoma, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Cyrillic */
|
||||
html[lang="be"] .wp-block *,
|
||||
html[lang="bg-BG"] .wp-block *,
|
||||
html[lang="kk"] .wp-block *,
|
||||
html[lang="mk-MK"] .wp-block *,
|
||||
html[lang="mn"] .wp-block *,
|
||||
html[lang="ru-RU"] .wp-block *,
|
||||
html[lang="sah"] .wp-block *,
|
||||
html[lang="sr-RS"] .wp-block *,
|
||||
html[lang="tt-RU"] .wp-block *,
|
||||
html[lang="uk"] .wp-block * {
|
||||
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Hong Kong) */
|
||||
html[lang="zh-HK"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (Taiwan) */
|
||||
html[lang="zh-TW"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Chinese (China) */
|
||||
html[lang="zh-CN"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Devanagari */
|
||||
html[lang="bn-BD"] .wp-block *,
|
||||
html[lang="hi-IN"] .wp-block *,
|
||||
html[lang="mr"] .wp-block *,
|
||||
html[lang="ne-NP"] .wp-block * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Greek */
|
||||
html[lang="el"] .wp-block * {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Gujarati */
|
||||
html[lang="gu"] .wp-block * {
|
||||
font-family: Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Hebrew */
|
||||
html[lang="he-IL"] .wp-block * {
|
||||
font-family: 'Arial Hebrew', Arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Japanese */
|
||||
html[lang="ja"] .wp-block * {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
|
||||
}
|
||||
|
||||
/* Korean */
|
||||
html[lang="ko-KR"] .wp-block * {
|
||||
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Thai */
|
||||
html[lang="th"] .wp-block * {
|
||||
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
|
||||
}
|
||||
|
||||
/* Vietnamese */
|
||||
html[lang="vi"] .wp-block * {
|
||||
font-family: 'Libre Franklin', sans-serif !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,13 @@
|
|||
/*!
|
||||
Twenty Nineteen Customizer Styles
|
||||
Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
|
||||
|
||||
NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
|
||||
*/
|
||||
NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
|
||||
*/
|
||||
|
||||
/** === Includes === */
|
||||
|
||||
@import "sass/mixins/mixins-master";
|
||||
|
||||
/** === Non-Latin font fallbacks === */
|
||||
|
||||
@include non-latin-fonts( '.wp-block' );
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
/*!
|
||||
Twenty Nineteen Editor Frame Styles
|
||||
|
||||
NOTE: This file customizes items that are out of the normal scope of style-editor.css due to the auto-prefixing functionality associated with add_editor_style(). When that file is able to edit the post title and a container similar to .edit-post-layout, these styles should be migrated into style-editor.css.
|
||||
*/
|
||||
/** === Includes === */
|
||||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||
/** === Title === */
|
||||
body.block-editor-page .block-editor .editor-post-title__block:before {
|
||||
background: #767676;
|
||||
content: "\020";
|
||||
display: block;
|
||||
height: 2px;
|
||||
margin: 1rem 0;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
body.block-editor-page .block-editor .editor-post-title__block:before {
|
||||
width: 2.8125em;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
margin-left: 1em;
|
||||
position: relative;
|
||||
top: 0.5em;
|
||||
}
|
||||
|
||||
body.block-editor-page .block-editor .editor-post-title__block .editor-post-title__input {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 2.8125em;
|
||||
}
|
||||
|
||||
/** === Default Appender === */
|
||||
body.block-editor-page .block-editor .editor-default-block-appender__content {
|
||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
/** === Off-Center Content === */
|
||||
@media only screen and (min-width: 768px) {
|
||||
body.block-editor-page .block-editor .edit-post-layout .editor-writing-flow {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
body.block-editor-page .block-editor .edit-post-layout .editor-post-title__block,
|
||||
body.block-editor-page .block-editor .edit-post-layout .editor-default-block-appender,
|
||||
body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="full"] {
|
||||
width: calc( 125% + 88px + 28px);
|
||||
position: relative;
|
||||
left: calc( -12.5% - 46px - 14px);
|
||||
}
|
||||
body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="right"] {
|
||||
max-width: 125%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,67 +0,0 @@
|
|||
/*!
|
||||
Twenty Nineteen Editor Frame Styles
|
||||
|
||||
NOTE: This file customizes items that are out of the normal scope of style-editor.css due to the auto-prefixing functionality associated with add_editor_style(). When that file is able to edit the post title and a container similar to .edit-post-layout, these styles should be migrated into style-editor.css.
|
||||
*/
|
||||
|
||||
/** === Includes === */
|
||||
|
||||
@import "sass/variables-site/variables-site";
|
||||
@import "sass/variables-site/colors";
|
||||
@import "sass/mixins/mixins-master";
|
||||
|
||||
/** === Title === */
|
||||
|
||||
body.block-editor-page .block-editor .editor-post-title__block {
|
||||
@include post-section-dash;
|
||||
|
||||
&:before {
|
||||
width: $font__size-xxl;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
margin-left: 1em;
|
||||
position: relative;
|
||||
top: 0.5em;
|
||||
}
|
||||
|
||||
.editor-post-title__input {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xxl;
|
||||
}
|
||||
}
|
||||
|
||||
/** === Default Appender === */
|
||||
|
||||
body.block-editor-page .block-editor .editor-default-block-appender__content {
|
||||
font-family: $font__body;
|
||||
font-size: $font__size_base;
|
||||
}
|
||||
|
||||
/** === Off-Center Content === */
|
||||
|
||||
body.block-editor-page .block-editor .edit-post-layout {
|
||||
|
||||
@include media(tablet) {
|
||||
.editor-writing-flow {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
||||
.editor-post-title__block,
|
||||
.editor-default-block-appender,
|
||||
.editor-block-list__block {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.editor-block-list__block[data-align="full"] {
|
||||
width: calc( 125% + 88px + 28px );
|
||||
position: relative;
|
||||
left: calc( -12.5% - 46px - 14px );
|
||||
}
|
||||
|
||||
.editor-block-list__block[data-align="right"] {
|
||||
max-width: 125%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -5,20 +5,53 @@ Twenty Nineteen Editor Styles
|
|||
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
|
||||
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
|
||||
* layers of box-shadow to add the border visually, which will render the border smoother. */
|
||||
/* Fallback for non-latin fonts */
|
||||
/* Calculates maximum width for post content */
|
||||
/* Nested sub-menu padding: 10 levels deep */
|
||||
/*
|
||||
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||
* This results in a jumping cursor when typing in both the Classic and block
|
||||
* editors. The following font-face override fixes the issue by manually inserting
|
||||
* a custom font that includes just a Hoefler Text space replacement for that
|
||||
* character instead.
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'NonBreakingSpaceOverride';
|
||||
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");
|
||||
}
|
||||
|
||||
/** === Editor Frame === */
|
||||
@media screen and (min-width: 600px) {
|
||||
body .wp-block[data-align="full"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
body {
|
||||
padding-top: 0;
|
||||
}
|
||||
body :not(.editor-inner-blocks) > .editor-block-list__layout,
|
||||
body .editor-post-title {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
body .editor-writing-flow {
|
||||
padding-top: 50px;
|
||||
overflow: hidden;
|
||||
}
|
||||
body .wp-block[data-align="full"] {
|
||||
width: calc( 100% + 90px);
|
||||
max-width: calc( 100% + 90px);
|
||||
position: relative;
|
||||
left: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
body :not(.editor-inner-blocks) > .editor-block-list__layout,
|
||||
body .editor-post-title {
|
||||
padding-left: 46px;
|
||||
padding-right: 46px;
|
||||
}
|
||||
body .editor-writing-flow {
|
||||
body .editor-block-list__layout,
|
||||
body .editor-post-title {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
|
@ -67,7 +100,8 @@ Twenty Nineteen Editor Styles
|
|||
/** === Base Typography === */
|
||||
body {
|
||||
font-size: 22px;
|
||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||
font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||
line-height: 1.8;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
|
|
@ -196,6 +230,7 @@ figcaption,
|
|||
.editor-post-title__block .editor-post-title__input {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 2.8125em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/** === Default Appender === */
|
||||
|
|
@ -204,6 +239,11 @@ figcaption,
|
|||
font-size: 22px;
|
||||
}
|
||||
|
||||
/** === Heading === */
|
||||
.wp-block-heading strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/** === Paragraph === */
|
||||
.wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
|
|
@ -217,27 +257,56 @@ figcaption,
|
|||
.wp-block-cover h2,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: 2.25em;
|
||||
font-size: 1.6875em;
|
||||
font-weight: bold;
|
||||
line-height: 1.4;
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.wp-block-cover.has-left-content h2,
|
||||
.wp-block-cover.has-left-content .wp-block-cover-text {
|
||||
padding: 1em;
|
||||
.wp-block-cover h2 strong,
|
||||
.wp-block-cover .wp-block-cover-text strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
.wp-block-cover.has-right-content h2,
|
||||
.wp-block-cover.has-right-content .wp-block-cover-text {
|
||||
padding: 1em;
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block-cover h2,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block-cover {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
.wp-block-cover h2,
|
||||
.wp-block-cover .wp-block-cover-text {
|
||||
font-size: 2.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
|
||||
.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
|
||||
width: 100%;
|
||||
max-width: 305px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
|
||||
.wp-block[data-type="core/cover"][data-align="full"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
|
|
@ -245,12 +314,17 @@ figcaption,
|
|||
.wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
|
||||
.wp-block[data-type="core/cover"][data-align="full"] h2,
|
||||
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
|
||||
padding: 0;
|
||||
width: calc(6 * (100vw / 12));
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
|
||||
padding-left: calc(10% + 64px);
|
||||
padding-right: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
|
||||
/** === Gallery === */
|
||||
.wp-block-gallery .blocks-gallery-image figcaption,
|
||||
.wp-block-gallery .blocks-gallery-item figcaption,
|
||||
|
|
@ -318,22 +392,28 @@ figcaption,
|
|||
/** === Pullquote === */
|
||||
.wp-block-pullquote {
|
||||
border: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote {
|
||||
margin-top: calc(3 * 1rem);
|
||||
margin-bottom: calc(3.33 * 1rem);
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
|
||||
color: #767676;
|
||||
}
|
||||
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
width: calc(100vw - (2 * 1rem));
|
||||
max-width: 80%;
|
||||
width: calc(100% - (2 * 1rem));
|
||||
max-width: calc( 100% - (2 * 1rem));
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 1168px) {
|
||||
.wp-block-pullquote.is-style-solid-color blockquote {
|
||||
width: calc(6 * (100vw / 12));
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -345,13 +425,6 @@ figcaption,
|
|||
background-color: #0073aa;
|
||||
}
|
||||
|
||||
.wp-block-pullquote blockquote {
|
||||
-webkit-hyphens: auto;
|
||||
-ms-hyphens: auto;
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
|
||||
.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
|
||||
.wp-block[data-type="core/pullquote"] p,
|
||||
|
|
@ -399,6 +472,7 @@ figcaption,
|
|||
|
||||
.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
|
||||
.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
max-width: 50%;
|
||||
}
|
||||
|
||||
|
|
@ -423,6 +497,12 @@ figcaption,
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
|
||||
max-width: calc(80% - 128px);
|
||||
}
|
||||
}
|
||||
|
||||
/** === File === */
|
||||
.wp-block-file {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
|
|
@ -487,16 +567,20 @@ ul.wp-block-archives ul,
|
|||
ul.wp-block-archives li,
|
||||
.wp-block-categories li,
|
||||
.wp-block-latest-posts li {
|
||||
color: #767676;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-size: calc(22px * 1.125);
|
||||
font-weight: bold;
|
||||
line-height: 1.2;
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
ul.wp-block-archives li:not(.menu-item-has-children),
|
||||
.wp-block-categories li:not(.menu-item-has-children),
|
||||
.wp-block-latest-posts li:not(.menu-item-has-children) {
|
||||
padding-bottom: 0.75rem;
|
||||
ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
|
||||
.wp-block-categories li.menu-item-has-children,
|
||||
.wp-block-categories li:last-child,
|
||||
.wp-block-latest-posts li.menu-item-has-children,
|
||||
.wp-block-latest-posts li:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
ul.wp-block-archives li a,
|
||||
|
|
@ -511,6 +595,57 @@ ul.wp-block-archives li ul,
|
|||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.wp-block-categories ul {
|
||||
padding-top: 0.75rem;
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul li > a:before {
|
||||
font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul > li > a:before {
|
||||
content: "\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
|
||||
content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
|
||||
}
|
||||
|
||||
.wp-block-categories li ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-bottom: -0.75rem;
|
||||
}
|
||||
|
||||
/** === Latest Posts grid view === */
|
||||
.wp-block-latest-posts.is-grid li {
|
||||
border-top: 2px solid #ccc;
|
||||
|
|
|
|||
|
|
@ -8,22 +8,58 @@ Twenty Nineteen Editor Styles
|
|||
@import "sass/variables-site/colors";
|
||||
@import "sass/mixins/mixins-master";
|
||||
|
||||
/*
|
||||
* Chrome renders extra-wide characters for the Hoefler Text font.
|
||||
* This results in a jumping cursor when typing in both the Classic and block
|
||||
* editors. The following font-face override fixes the issue by manually inserting
|
||||
* a custom font that includes just a Hoefler Text space replacement for that
|
||||
* character instead.
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'NonBreakingSpaceOverride';
|
||||
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');
|
||||
|
||||
}
|
||||
|
||||
/** === Editor Frame === */
|
||||
|
||||
body {
|
||||
|
||||
// Non-standard media query necessary to override a Gutenberg breakpoint style.
|
||||
@media screen and (min-width: 600px) {
|
||||
.wp-block[data-align="full"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@include media(mobile) {
|
||||
padding-top: 0;
|
||||
|
||||
:not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
|
||||
.editor-post-title {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.editor-writing-flow {
|
||||
padding-top: 50px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wp-block[data-align="full"] {
|
||||
width: calc( 100% + 90px );
|
||||
max-width: calc( 100% + 90px );
|
||||
position: relative;
|
||||
left: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
@include media(tablet) {
|
||||
overflow-x: hidden;
|
||||
|
||||
.editor-writing-flow {
|
||||
:not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
|
||||
.editor-post-title {
|
||||
padding-left: 46px;
|
||||
padding-right: 46px;
|
||||
}
|
||||
|
||||
.editor-block-list__layout,
|
||||
.editor-post-title {
|
||||
max-width: 80%;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
|
@ -66,6 +102,7 @@ body {
|
|||
width: calc(6 * (100vw / 12 ));
|
||||
}
|
||||
|
||||
// Only the top level blocks need specific widths, therefore override for every nested block.
|
||||
.wp-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -75,7 +112,8 @@ body {
|
|||
|
||||
body {
|
||||
font-size: $font__size_base;
|
||||
font-family: $font__body;
|
||||
font-family: 'NonBreakingSpaceOverride', $font__body;
|
||||
line-height: $font__line-height-body;
|
||||
color: $color__text-main;
|
||||
}
|
||||
|
||||
|
|
@ -147,15 +185,15 @@ a {
|
|||
}
|
||||
}
|
||||
|
||||
.has-primary-background-color {
|
||||
|
||||
.has-primary-background-color {
|
||||
|
||||
p,
|
||||
h1,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
h6,
|
||||
a,
|
||||
a:hover {
|
||||
color: $color__background-body;
|
||||
|
|
@ -187,6 +225,7 @@ figcaption,
|
|||
.editor-post-title__input {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xxl;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -197,6 +236,13 @@ figcaption,
|
|||
font-size: $font__size_base;
|
||||
}
|
||||
|
||||
/** === Heading === */
|
||||
|
||||
.wp-block-heading {
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
}
|
||||
/** === Paragraph === */
|
||||
|
||||
.wp-block-paragraph {
|
||||
|
|
@ -217,24 +263,30 @@ figcaption,
|
|||
h2,
|
||||
.wp-block-cover-text {
|
||||
font-family: $font__heading;
|
||||
font-size: $font__size-xl;
|
||||
font-size: $font__size-lg;
|
||||
font-weight: bold;
|
||||
line-height: 1.4;
|
||||
}
|
||||
padding-left: $size__spacing-unit;
|
||||
padding-right: $size__spacing-unit;
|
||||
|
||||
&.has-left-content {
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
padding: 1em;
|
||||
@include media(tablet) {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.has-right-content {
|
||||
@include media(tablet) {
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
padding: 1em;
|
||||
font-size: $font__size-xl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -242,26 +294,47 @@ figcaption,
|
|||
.wp-block[data-type="core/cover"][data-align="left"],
|
||||
.wp-block[data-type="core/cover"][data-align="right"] {
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
.editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
}
|
||||
|
||||
.wp-block-cover {
|
||||
width: 100%;
|
||||
max-width: 305px;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="wide"],
|
||||
.wp-block[data-type="core/cover"][data-align="full"] {
|
||||
|
||||
@include media(desktop) {
|
||||
@include media(tablet) {
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
max-width: calc(8 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
|
||||
h2,
|
||||
.wp-block-cover-text {
|
||||
padding: 0;
|
||||
width: calc(6 * (100vw / 12));
|
||||
max-width: calc(6 * (100vw / 12));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/cover"][data-align="full"] {
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.wp-block-cover {
|
||||
padding-left: calc(10% + 64px);
|
||||
padding-right: calc(10% + 64px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** === Gallery === */
|
||||
|
||||
.wp-block-gallery {
|
||||
|
|
@ -346,19 +419,27 @@ figcaption,
|
|||
|
||||
.wp-block-pullquote {
|
||||
border: none;
|
||||
color: #000;
|
||||
|
||||
blockquote {
|
||||
margin-top: calc(3 * #{ $size__spacing-unit});
|
||||
margin-bottom: calc(3.33 * #{ $size__spacing-unit});
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
&:not(.is-style-solid-color) .wp-block-pullquote__citation {
|
||||
color: $color__text-light;
|
||||
}
|
||||
|
||||
&.is-style-solid-color {
|
||||
|
||||
blockquote {
|
||||
width: calc(100vw - (2 * #{ $size__spacing-unit}));
|
||||
max-width: 80%;
|
||||
width: calc(100% - (2 * #{ $size__spacing-unit}));
|
||||
max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
|
||||
|
||||
@include media(tablet) {
|
||||
width: calc(8 * (100vw / 12));
|
||||
}
|
||||
|
||||
@include media(desktop) {
|
||||
width: calc(6 * (100vw / 12));
|
||||
max-width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -370,11 +451,6 @@ figcaption,
|
|||
background-color: $color__link;
|
||||
}
|
||||
}
|
||||
|
||||
blockquote {
|
||||
hyphens: auto;
|
||||
word-break: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"],
|
||||
|
|
@ -411,6 +487,7 @@ figcaption,
|
|||
.wp-block[data-type="core/pullquote"][data-align="right"] {
|
||||
|
||||
.editor-block-list__block-edit {
|
||||
width: calc(4 * (100vw / 12));
|
||||
max-width: 50%;
|
||||
|
||||
.wp-block-pullquote:not(.is-style-solid-color) {
|
||||
|
|
@ -430,6 +507,17 @@ figcaption,
|
|||
}
|
||||
}
|
||||
|
||||
.wp-block[data-type="core/pullquote"][data-align="full"] {
|
||||
|
||||
@include media(tablet) {
|
||||
|
||||
.wp-block-pullquote blockquote {
|
||||
max-width: calc(80% - 128px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/** === File === */
|
||||
|
||||
.wp-block-file {
|
||||
|
|
@ -501,13 +589,16 @@ ul.wp-block-archives,
|
|||
}
|
||||
|
||||
li {
|
||||
color: $color__text-light;
|
||||
font-family: $font__heading;
|
||||
font-size: calc(#{$font__size_base} * #{$font__size-ratio});
|
||||
font-weight: bold;
|
||||
line-height: $font__line-height-heading;
|
||||
padding-bottom: ( .75 * $size__spacing-unit );
|
||||
|
||||
&:not(.menu-item-has-children) {
|
||||
padding-bottom: ( .75 * $size__spacing-unit );
|
||||
&.menu-item-has-children,
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
@ -520,6 +611,21 @@ ul.wp-block-archives,
|
|||
}
|
||||
}
|
||||
|
||||
.wp-block-categories {
|
||||
|
||||
ul {
|
||||
padding-top: ( .75 * $size__spacing-unit );
|
||||
@include nestedSubMenuPadding();
|
||||
}
|
||||
|
||||
li ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-bottom: ( -.75 * $size__spacing-unit );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/** === Latest Posts grid view === */
|
||||
.wp-block-latest-posts.is-grid {
|
||||
li {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
<section class="no-results not-found">
|
||||
<header class="page-header">
|
||||
<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'twentynineteen' ); ?></h1>
|
||||
<h1 class="page-title"><?php _e( 'Nothing Found', 'twentynineteen' ); ?></h1>
|
||||
</header><!-- .page-header -->
|
||||
|
||||
<div class="page-content">
|
||||
|
|
@ -36,14 +36,14 @@
|
|||
elseif ( is_search() ) :
|
||||
?>
|
||||
|
||||
<p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
|
||||
<p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
|
||||
<?php
|
||||
get_search_form();
|
||||
|
||||
else :
|
||||
?>
|
||||
|
||||
<p><?php esc_html_e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
|
||||
<p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
|
||||
<?php
|
||||
get_search_form();
|
||||
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@
|
|||
|
||||
wp_link_pages(
|
||||
array(
|
||||
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
|
||||
'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
|
||||
'after' => '</div>',
|
||||
)
|
||||
);
|
||||
|
|
|
|||
|
|
@ -36,6 +36,7 @@
|
|||
array(
|
||||
'theme_location' => 'menu-1',
|
||||
'menu_class' => 'main-menu',
|
||||
'items_wrap' => '<ul id="%1$s" class="%2$s" tabindex="0">%3$s</ul>',
|
||||
)
|
||||
);
|
||||
?>
|
||||
|
|
|
|||
|
|
@ -8,22 +8,12 @@
|
|||
*/
|
||||
|
||||
/* Get data from current discussion on post. */
|
||||
$discussion = twentynineteen_get_discussion_data();
|
||||
|
||||
$comments_number = get_comments_number();
|
||||
$has_responses = $discussion->responses > 0;
|
||||
$discussion = twentynineteen_get_discussion_data();
|
||||
$has_responses = $discussion->responses > 0;
|
||||
|
||||
if ( $has_responses ) {
|
||||
/* translators: %1(X responses)$s from %2(X others)$s */
|
||||
$meta_label = sprintf(
|
||||
'%1$s from %2$s.',
|
||||
sprintf( _n( '%d response', '%d responses', $discussion->responses, 'twentynineteen' ), $discussion->responses ),
|
||||
sprintf( _n( '%d other', '%d others', $discussion->commenters, 'twentynineteen' ), $discussion->commenters )
|
||||
);
|
||||
} elseif ( $comments_number > 0 ) {
|
||||
/* Show comment count if not enough discussion information */
|
||||
|
||||
$meta_label = sprintf( _n( '%d Comment', '%d Comments', $comments_number, 'twentynineteen' ), $comments_number );
|
||||
/* translators: %1(X comments)$s */
|
||||
$meta_label = sprintf( _n( '%d Comment', '%d Comments', $discussion->responses, 'twentynineteen' ), $discussion->responses );
|
||||
} else {
|
||||
$meta_label = __( 'No comments', 'twentynineteen' );
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '5.0-beta3-43891';
|
||||
$wp_version = '5.0-beta3-43892';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
|
|
|||
Loading…
Reference in New Issue