Merge branch 'feature/ISTWCMS-5264-m26lebla-Update-colouring-for-home-icon' into '3.0.x'

ISTWCMS-5264: changes to the appearance of the home icon for default and faculty

See merge request !136

source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss

@@ -18,14 +18,14 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
               stroke:gesso-brand(org-default,uw-black, lvl4);
             }
             .house{
-              fill:gesso-brand(org-default,uw-gold,primary);
+              fill:gesso-brand(org-default,uw-white,lvl1);
             }
           }
           &:focus{
             svg{
               .bg-circle {
-                fill: gesso-brand(org-default, uw-gold, primary);
-                stroke: gesso-brand(org-default, uw-gold, primary);
+                fill: gesso-brand(org-default,uw-white,lvl1);
+                stroke: gesso-brand(org-default,uw-black, lvl4);
               }
 
               .house {
@@ -36,8 +36,8 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           &:hover{
             svg{
               .bg-circle {
-                fill: gesso-brand(org-default, uw-gold, primary);
-                stroke: gesso-brand(org-default, uw-gold, primary);
+                fill: gesso-brand(org-default,uw-white,lvl1);
+                stroke: gesso-brand(org-default,uw-black, lvl4);
               }
 
               .house {
@@ -133,7 +133,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
             svg{
               .bg-circle{
                 fill:gesso-brand(org-default,uw-white,lvl1);
-                stroke:gesso-brand(org-default,uw-white,lvl1);
+                stroke:gesso-brand($faculty, lvl4);
               }
               .house{
                 fill:gesso-brand($faculty, lvl4);
@@ -144,7 +144,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
             svg{
               .bg-circle{
                 fill:gesso-brand(org-default,uw-white,lvl1);
-                stroke:gesso-brand(org-default,uw-white,lvl1);
+                stroke:gesso-brand($faculty, lvl4);
               }
               .house{
                 fill:gesso-brand($faculty, lvl4);
@@ -311,21 +311,21 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           }
           &.has-submenu {
             > a{
-                padding-right:gesso-spacing(md);
-                position:relative;
+              padding-right:gesso-spacing(md);
+              position:relative;
 
-                &::after {
-                  content:'\e906';
-                  display:block;
-                  font-family: gesso-font-family(iconfont);
-                  position:absolute;
-                  right:gesso-spacing(xs);
-                  text-align: center;
-                  top:gesso-spacing(xs);
-                  transform: scale(0.75, 0.75);
-                 @include medium{
-                   transform: scale(0.75, 0.75) rotate(90deg);
-                 }
+              &::after {
+                content:'\e906';
+                display:block;
+                font-family: gesso-font-family(iconfont);
+                position:absolute;
+                right:gesso-spacing(xs);
+                text-align: center;
+                top:gesso-spacing(xs);
+                transform: scale(0.75, 0.75);
+                @include medium{
+                  transform: scale(0.75, 0.75) rotate(90deg);
+                }
               }
             }
 
@@ -362,7 +362,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
         font-size: $menu-horizontal-sub-font-size;
         text-transform: none;
         width:100%;
-        }
+      }
       .submenu-active {
         &[aria-expanded="true"]{
           > a{
@@ -553,7 +553,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
           display: inline-grid;
           page-break-inside: avoid;
         }
-       }
+      }
     }
   }
 }

source/_patterns/04-components/svg/_svg.scss

 .uw-svg {
-  svg:hover {
-    fill:#353535;
+  .house {
+    fill: #fff;
   }
 }

source/_patterns/04-components/svg/icons/_home.svg.twig

-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-     viewBox="0 0 24 24">
-<title>Home</title>
-<circle class="bg-circle" cx="12" cy="11.9" r="11.6"/>
-<path class="house" d="M15.9,6.6c0-0.2-0.2-0.4-0.4-0.4c0,0,0,0,0,0h-1.1c-0.2,0-0.4,0.2-0.4,0.4c0,0,0,0,0,0v1.1l-1.7-1.6
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24" height="24"  viewBox="0 0 24 24">
+  <title>Home</title>
+  <circle class="bg-circle" cx="12" cy="11.9" r="11.6"/>
+  <path class="house" d="M15.9,6.6c0-0.2-0.2-0.4-0.4-0.4c0,0,0,0,0,0h-1.1c-0.2,0-0.4,0.2-0.4,0.4c0,0,0,0,0,0v1.1l-1.7-1.6
 		c-0.2-0.2-0.5-0.2-0.6,0l-5.8,5.2l0.6,0.8l0.9-0.8V18c0,0.2,0.2,0.4,0.4,0.4c0,0,0,0,0,0h2.9c0.2,0,0.4-0.2,0.4-0.4c0,0,0,0,0,0
 		v-3.4h2V18c0,0.2,0.2,0.4,0.4,0.4c0,0,0,0,0,0h2.9c0.2,0,0.4-0.2,0.4-0.4c0,0,0,0,0,0v-6.5l0.9,0.8l0.6-0.8l-2.2-2L15.9,6.6z"/>
 </svg>