diff --git a/source/_patterns/00-config/_design-tokens.artifact.scss b/source/_patterns/00-config/_design-tokens.artifact.scss index 8e7f094b17029ab5820275f2b390c70be33c2e0f..d2ef2e7796aae70405654024d45884002b23a5a6 100644 --- a/source/_patterns/00-config/_design-tokens.artifact.scss +++ b/source/_patterns/00-config/_design-tokens.artifact.scss @@ -503,4 +503,4 @@ $gesso: ( xxl: 96px, ), gutter-width: 40px, -); \ No newline at end of file +); diff --git a/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss index f66646082bdc3fd549aa7b0d6daa3e63a6deb760..92be667795554074fed345058b3750af8595289a 100644 --- a/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss +++ b/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss @@ -215,14 +215,20 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat' border:1px solid $menu-horizontal-bg; border-radius:50%; display:block; - height:2rem; + height:1.6rem; + outline:none; - width:2rem; + overflow:hidden; + position:relative; + width:1.6rem; svg{ - height:2rem; - padding-left:gesso-spacing(xxs); - padding-top:gesso-spacing(xxs); - width:2rem; + height:1.9rem; + //padding-left:gesso-spacing(xxs); + //padding-top:gesso-spacing(xxs); + left:5px; + position:absolute; + top:2px; + width:1.9rem; } } } diff --git a/source/_patterns/04-components/menu/menu--horizontal/menu--horizontal.twig b/source/_patterns/04-components/menu/menu--horizontal/menu--horizontal.twig index c7228bbdab4fe75f2e35b1a297bcb0453ba2a2ec..09c0654a9ec9d757d4730d309cfcd030d71326bd 100644 --- a/source/_patterns/04-components/menu/menu--horizontal/menu--horizontal.twig +++ b/source/_patterns/04-components/menu/menu--horizontal/menu--horizontal.twig @@ -2,7 +2,7 @@ <div class="uw-horizontal-nav--wrapper"> <div class="uw-horizontal-nav--home"> <a href="{{ home_link }}" class="uw-site-home__link"> - <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M21 13v10h-6v-6h-6v6h-6v-10h-3l12-12 12 12h-3zm-1-5.907v-5.093h-3v2.093l3 3z"/></svg> + {{ source('@components/svg/icons/_home.svg') }} <span class="off-screen">Home</span> </a> </div> diff --git a/source/_patterns/04-components/svg/icons/_home.svg b/source/_patterns/04-components/svg/icons/_home.svg new file mode 100644 index 0000000000000000000000000000000000000000..bef307719141436d2de4183de6bc84f54178e6fb --- /dev/null +++ b/source/_patterns/04-components/svg/icons/_home.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> + <path d="M10.982,5.04a.384.384,0,0,0-.375-.4H9.481a.384.384,0,0,0-.375.4V6.187L7.367,4.621a.479.479,0,0,0-.638,0L.9,9.818l.638.837L2.389,9.9v6.479a.384.384,0,0,0,.375.4h2.9a.384.384,0,0,0,.375-.4V13h2v3.375a.384.384,0,0,0,.375.4h2.9a.384.384,0,0,0,.375-.4V9.9l.851.756.638-.837-2.2-1.957Z"/> +</svg>