Skip to content
This repository has been archived by the owner on Jun 18, 2020. It is now read-only.

Update Varya Icons #52

Merged
merged 20 commits into from
May 20, 2020
Merged

Update Varya Icons #52

Show file tree
Hide file tree
Changes from 7 commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
9218607
Delete unused icons
kjellr Apr 3, 2020
adae2ff
Update icons
kjellr Apr 6, 2020
9f3d9df
Rename icons to be more clear.
kjellr Apr 6, 2020
0cc2257
Place icons in alphabetical order.
kjellr Apr 6, 2020
682c552
Add icons that work.
kjellr Apr 6, 2020
1dc15fe
Add iconography credit line.
kjellr Apr 6, 2020
85fb3a0
Re-compile style.css
kjellr Apr 8, 2020
0ec1326
Compile RTL stylesheet.
kjellr Apr 9, 2020
e2f5f1a
Merge branch 'master' into update/varya-icons
kjellr May 13, 2020
1921df5
Add new pixel-hinted icons.
kjellr May 20, 2020
5980dec
Use 24px cart and person icons.
kjellr May 20, 2020
af2b9b2
Add menu icon
kjellr May 20, 2020
360c766
Tidy up woocommerce menu icons.
kjellr May 20, 2020
8a0f883
Minor CSS
kjellr May 20, 2020
9c668eb
Merge branch 'master' into update/varya-icons
kjellr May 20, 2020
412a451
Update attribution.
kjellr May 20, 2020
b20efdd
Adjust border radii to more closely match core's icons.
kjellr May 20, 2020
fbf19af
Clean up stroke on calendar icon.
kjellr May 20, 2020
c25d473
Recompile RTL CSS
kjellr May 20, 2020
f38fe7d
Add download icon.
kjellr May 20, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions varya/assets/sass/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Iconography sourced from WordPress, under the terms of the GNU GPL v2 or later.
*/

// Layout
Expand Down
129 changes: 27 additions & 102 deletions varya/classes/class-varya-svg-icons.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,109 +71,34 @@ public static function get_social_link_svg( $uri, $size ) {
* @var array
*/
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>
<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>
</defs>
<clipPath id="b">
<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>
</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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>',

'shopping_cart' => /* material-design - shopping_cart */ '
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z" fill="currentColor"/>
<path d="M0 0h24v24H0z" fill="none"/>
</svg>',

'calendar' => /* calendar */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.5 7h-15v12a.5.5 0 00.5.5h14a.5.5 0 00.5-.5V7zM3 7V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V7zm4 3h2v2H7v-2zm2 4H7v2h2v-2zm2-4h2v2h-2v-2zm6 0h-2v2h2v-2zm-6 4h2v2h-2v-2zm6 0h-2v2h2v-2z" fill="currentColor"/></svg>',

'category' => /* category */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.198 7.75l-.987-1.974a.5.5 0 00-.447-.276H5a.5.5 0 00-.5.5v11.75a.5.5 0 00.5.5h14a.5.5 0 00.5-.5v-9.5a.5.5 0 00-.5-.5h-6.802zm.927-1.5l-.572-1.144A2 2 0 0010.763 4H5a2 2 0 00-2 2v11.75a2 2 0 002 2h14a2 2 0 002-2v-9.5a2 2 0 00-2-2h-5.875z" fill="currentColor"/></svg>',

'check' => /* check */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.537 6.448L10.189 19.02l-5.763-4.285.895-1.204 4.559 3.39 8.453-11.368 1.204.895z" fill="currentColor"/></svg>',

'chevron_left' => /* chevron_left */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.47 6.47l-5.757 5.756 5.733 6.28 1.108-1.012-4.767-5.22L14.53 7.53l-1.06-1.06z" fill="currentColor"/></svg>',

'chevron_right' => /* chevron_right */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.53 6.47l5.757 5.756-5.733 6.28-1.108-1.012 4.767-5.22L9.47 7.53l1.06-1.06z" fill="currentColor"/></svg>',

'close' => /* close */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 12.868l-6.462 6.655-1.076-1.046 6.493-6.685-6.088-6.27 1.076-1.044L12 10.715l6.057-6.237 1.077 1.045-6.088 6.269 6.492 6.685-1.076 1.046L12 12.867z" fill="currentColor"/></svg>',

'comment' => /* comment */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.879 15.5L5.5 17.88V6a.5.5 0 01.5-.5h12a.5.5 0 01.5.5v9a.5.5 0 01-.5.5H7.88zM8.5 17H18a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12.94a1.06 1.06 0 001.81.75L8.5 17z" fill="currentColor"/></svg>',

'dropdown' => /* dropdown */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.005 10.555L12 16.014l-6.005-5.459 1.01-1.11L12 13.986l4.995-4.54 1.01 1.109z" fill="currentColor"/></svg>',

'edit' => /* edit */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.067 5.085l-3.245-3.14L6.201 12.671l-1.303 4.412 4.528-1.252 10.64-10.746zM4 20.75h8v-1.5H4v1.5z" fill="currentColor"/></svg>',

'link' => /* link */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.083 17.639H8.444a5.194 5.194 0 110-10.389h1.64v1.5h-1.64a3.694 3.694 0 000 7.389h1.64v1.5zM13.917 7.25h1.639a5.194 5.194 0 010 10.39h-1.64v-1.5h1.64a3.694 3.694 0 000-7.39h-1.64v-1.5zm-4.584 6.084h5.334v-1.5H9.333v1.5z" fill="currentColor"/></svg>',

'menu' => /* menu */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 5.5h14V7H5V5.5zm0 6h14V13H5v-1.5zm14 6H5V19h14v-1.5z" fill="currentColor"/></svg>',

'person' => /* person */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 8a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM16 8a4 4 0 11-8 0 4 4 0 018 0zm3.75 12v-3A2.75 2.75 0 0017 14.25H7A2.75 2.75 0 004.25 17v3h1.5v-3c0-.69.56-1.25 1.25-1.25h10c.69 0 1.25.56 1.25 1.25v3h1.5z" fill="currentColor"/></svg>',

'shopping_cart' => /* shopping_cart */ '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 2.25h3.07l.56 2.014c.29-.167.628-.264.994-.264h12.773a2 2 0 011.932 2.515l-1.333 5A2 2 0 0118.064 13H7.999c-.197 0-.39-.029-.572-.083l-.242.302c-.655.819-.072 2.031.976 2.031H20v1.5H8.161c-2.306 0-3.588-2.667-2.147-4.468l.212-.265-.06-.217a2.003 2.003 0 01-.095-.27l-1.375-5a2.06 2.06 0 01-.035-.15L3.93 3.75H2v-1.5zm5.573 9.012A.5.5 0 008 11.5h10.065a.5.5 0 00.483-.371l1.333-5a.5.5 0 00-.483-.629H6.624a.5.5 0 00-.497.556l1.446 5.206zM10 20a2 2 0 11-4 0 2 2 0 014 0zm8 2a2 2 0 100-4 2 2 0 000 4z" fill="currentColor"/></svg>',

'tag' => /* tag */ '<svg width="24" height="24" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 4.25a.75.75 0 00-.75.75v7.826c0 .2.08.39.22.53l6.72 6.716a2.313 2.313 0 003.276-.001l5.61-5.611-.531-.53.532.528a2.315 2.315 0 000-3.264L13.354 4.47a.75.75 0 00-.53-.22H5zm14.25 8.576a.815.815 0 01-.236.574l-5.61 5.611a.814.814 0 01-1.153 0L5.75 12.514V5.75h6.763l6.5 6.502a.816.816 0 01.237.574zM9 10a1 1 0 100-2 1 1 0 000 2z" fill="currentColor"/></svg>',
);

/**
Expand Down
2 changes: 1 addition & 1 deletion varya/inc/template-functions.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -214,7 +214,7 @@ function varya_add_dropdown_icons( $output, $item, $depth, $args ) {
if ( in_array( 'menu-item-has-children', $item->classes, true ) ) {

// Add SVG icon to parent items.
$output .= varya_get_icon_svg( 'keyboard_arrow_down', 24 );
$output .= varya_get_icon_svg( 'dropdown', 24 );
}
}

Expand Down
4 changes: 2 additions & 2 deletions varya/inc/template-tags.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ function varya_posted_on() {

printf(
'<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">%3$s</a></span>',
varya_get_icon_svg( 'watch', 16 ),
varya_get_icon_svg( 'calendar', 16 ),
esc_url( get_permalink() ),
$time_string
);
Expand Down Expand Up @@ -98,7 +98,7 @@ function varya_entry_meta_footer() {
printf(
/* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of categories. */
'<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
varya_get_icon_svg( 'archive', 16 ),
varya_get_icon_svg( 'category', 16 ),
__( 'Posted in', 'varya' ),
$categories_list
); // WPCS: XSS OK.
Expand Down
2 changes: 2 additions & 0 deletions varya/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,8 @@ Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Iconography sourced from WordPress, under the terms of the GNU GPL v2 or later.
*/
/**
* Layout
Expand Down