Commit 8208643b authored by Eric Bremner's avatar Eric Bremner
Browse files

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
parents 8c7b8538 c7bf4704
......@@ -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;
}
}
}
}
}
}
.uw-svg {
svg:hover {
fill:#353535;
.house {
fill: #fff;
}
}
<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>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment