fix(icon,navbar): stop navbar icon-size override from leaking

Author: simeonoff

projects/igniteui-angular/icon/src/icon/themes/_base.scss

@@ -21,8 +21,8 @@ $theme: digest-schema($material-icon);
         div,
         svg {
             display: block;
-            width: inherit;
-            height: inherit;
+            width: var(--size, inherit);
+            height: var(--size, inherit);
             fill: currentColor;
         }
 

projects/igniteui-angular/navbar/src/navbar/themes/_base.scss

@@ -22,8 +22,8 @@ $_theme: digest-schema($material-navbar);
         display: flex;
         align-items: center;
 
-        igx-icon,
-        igc-icon {
+        > igx-icon,
+        > igc-icon {
             --component-size: var(--ig-size-large);
 
             cursor: pointer;

projects/igniteui-angular/navbar/src/navbar/themes/shared/_indigo.scss

@@ -9,8 +9,8 @@
             padding: rem(6px);
         }
 
-        igx-icon,
-        igc-icon {
+        > igx-icon,
+        > igc-icon {
             --component-size: var(--ig-size-medium);
             --size: auto;
         }