diff --git a/varya/assets/css/style-woocommerce-rtl.css b/varya/assets/css/style-woocommerce-rtl.css
index 7f338526..2c2fe08f 100644
--- a/varya/assets/css/style-woocommerce-rtl.css
+++ b/varya/assets/css/style-woocommerce-rtl.css
@@ -689,7 +689,9 @@ body[class*="woocommerce"] #page .primary-navigation > #toggle-cart {
left: auto;
}
-body[class*="woocommerce"] #page .primary-navigation > #toggle-cart .svg-icon {
+body[class*="woocommerce"] #page .primary-navigation > #toggle-cart .open .svg-icon {
+ margin-right: 0;
+ margin-left: calc(0.25 * var(--global--spacing-unit));
vertical-align: middle;
}
@@ -710,7 +712,8 @@ body[class*="woocommerce"].wc-navigation-open #page .primary-navigation #toggle-
}
body[class*="woocommerce"].wc-navigation-open #page .primary-navigation #toggle-cart .close {
- display: inline;
+ display: flex;
+ align-items: center;
}
@media only screen and (max-width: 481px) {
diff --git a/varya/assets/css/style-woocommerce.css b/varya/assets/css/style-woocommerce.css
index 97d14fb6..9f1ea2eb 100644
--- a/varya/assets/css/style-woocommerce.css
+++ b/varya/assets/css/style-woocommerce.css
@@ -689,7 +689,9 @@ body[class*="woocommerce"] #page .primary-navigation > #toggle-cart {
right: auto;
}
-body[class*="woocommerce"] #page .primary-navigation > #toggle-cart .svg-icon {
+body[class*="woocommerce"] #page .primary-navigation > #toggle-cart .open .svg-icon {
+ margin-left: 0;
+ margin-right: calc(0.25 * var(--global--spacing-unit));
vertical-align: middle;
}
@@ -710,7 +712,8 @@ body[class*="woocommerce"].wc-navigation-open #page .primary-navigation #toggle-
}
body[class*="woocommerce"].wc-navigation-open #page .primary-navigation #toggle-cart .close {
- display: inline;
+ display: flex;
+ align-items: center;
}
@media only screen and (max-width: 481px) {
diff --git a/varya/assets/sass/components/header/_primary-navigation.scss b/varya/assets/sass/components/header/_primary-navigation.scss
index a1289799..0ad570f9 100644
--- a/varya/assets/sass/components/header/_primary-navigation.scss
+++ b/varya/assets/sass/components/header/_primary-navigation.scss
@@ -67,13 +67,28 @@
}
.close {
- display: inline;
+ display: flex;
}
}
}
- .dropdown-icon.close {
- display: none;
+ .dropdown-icon {
+ display: flex;
+ align-items: center;
+
+ .svg-icon {
+ margin-left: calc(0.25 * var(--global--spacing-unit));
+ }
+
+ // Menu icon is off-center vertically to prevent blurry pixels.
+ &.open .svg-icon {
+ position: relative;
+ top: -1px;
+ }
+
+ &.close {
+ display: none;
+ }
}
// Adjust button postion when scrolling is locked
diff --git a/varya/assets/sass/style.scss b/varya/assets/sass/style.scss
index 207a037d..4146969d 100644
--- a/varya/assets/sass/style.scss
+++ b/varya/assets/sass/style.scss
@@ -35,6 +35,10 @@ 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/
+Unless otherwise noted, the icons in this theme are derived from the
+WordPress Icons Library, licensed under the terms of the GNU GPL v2 or later.
+https://github.com/WordPress/gutenberg/tree/master/packages/icons
+
Varya bundles the following third-party resources:
Social Icons
diff --git a/varya/assets/sass/vendors/woocommerce/components/_mini-cart.scss b/varya/assets/sass/vendors/woocommerce/components/_mini-cart.scss
index 4c7306d9..05ad2ca0 100644
--- a/varya/assets/sass/vendors/woocommerce/components/_mini-cart.scss
+++ b/varya/assets/sass/vendors/woocommerce/components/_mini-cart.scss
@@ -17,7 +17,9 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
top: 0;
right: auto;
- .svg-icon {
+ .open .svg-icon {
+ margin-left: 0;
+ margin-right: calc(0.25 * var(--global--spacing-unit));
vertical-align: middle;
}
}
@@ -42,7 +44,8 @@ body[class*="woocommerce"] #page { // adding #page here to override default wc s
}
.close {
- display: inline;
+ display: flex;
+ align-items: center;
}
}
}
diff --git a/varya/classes/class-varya-svg-icons.php b/varya/classes/class-varya-svg-icons.php
index ff1f404e..99cb0b5f 100755
--- a/varya/classes/class-varya-svg-icons.php
+++ b/varya/classes/class-varya-svg-icons.php
@@ -71,109 +71,36 @@ public static function get_social_link_svg( $uri, $size ) {
* @var array
*/
static $ui_icons = array(
- 'link' => /* material-design – link */ '
-',
-
- 'watch' => /* material-design – watch-later */ '
-',
-
- 'archive' => /* material-design – folder */ '
-',
-
- 'tag' => /* material-design – local_offer */ '
-',
-
- 'comment' => /* material-design – comment */ '
-',
-
- 'person' => /* material-design – person */ '
-',
-
- 'edit' => /* material-design – edit */ '
-',
-
- 'chevron_left' => /* material-design – chevron_left */ '
-',
-
- 'chevron_right' => /* material-design – chevron_right */ '
-',
-
- 'check' => /* material-design – check */ '
-',
-
- 'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
-',
-
- 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
-',
-
- 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
-',
-
- 'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
-',
-
- 'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
-',
-
- 'shopping_cart' => /* material-design - shopping_cart */ '
-',
+ 'calendar' => /* calendar */ '',
+
+ 'category' => /* category */ '',
+
+ 'check' => /* check */ '',
+
+ 'chevron_left' => /* chevron_left */ '',
+
+ 'chevron_right' => /* chevron_right */ '',
+
+ 'close' => /* close */ '',
+
+ 'comment' => /* comment */ '',
+
+ 'download' => /* download */ '',
+
+ 'dropdown' => /* dropdown */ '',
+
+ 'edit' => /* edit */ '',
+
+ 'link' => /* link */ '',
+
+ 'menu' => /* menu */ '',
+
+ 'person' => /* person */ '',
+
+ 'shopping_cart' => /* shopping_cart */ '',
+
+ 'tag' => /* tag */ '',
);
/**
diff --git a/varya/header.php b/varya/header.php
index e8f534ac..5bd373a2 100755
--- a/varya/header.php
+++ b/varya/header.php
@@ -30,8 +30,8 @@