Commit ebfaaffe authored by tauriedavis's avatar tauriedavis

Add hover state to navigation rows

parent c5482796
...@@ -51,19 +51,26 @@ ...@@ -51,19 +51,26 @@
margin-bottom: -1px; margin-bottom: -1px;
font-size: 15px; font-size: 15px;
line-height: 28px; line-height: 28px;
color: #959494; color: $note-toolbar-color;
border-bottom: 2px solid transparent; border-bottom: 2px solid transparent;
&:hover, &:hover,
&:active, &:active,
&:focus { &:focus {
text-decoration: none; text-decoration: none;
border-bottom: 2px solid $gray-darkest;
color: $black;
.badge {
color: $black;
}
} }
} }
&.active a { &.active a {
border-bottom: 2px solid $link-underline-blue; border-bottom: 2px solid $link-underline-blue;
color: $black; color: $black;
font-weight: 600;
} }
.badge { .badge {
...@@ -85,14 +92,20 @@ ...@@ -85,14 +92,20 @@
li { li {
&.active a {
border-bottom: none;
}
a { a {
margin: 0; margin: 0;
padding: 11px 10px 9px; padding: 11px 10px 9px;
}
&.active a { &:hover,
&:active,
&:focus {
color: $black;
border-bottom: none; border-bottom: none;
color: $link-underline-blue; }
} }
} }
} }
...@@ -310,37 +323,9 @@ ...@@ -310,37 +323,9 @@
height: 51px; height: 51px;
li { li {
a { a {
padding-top: 10px; padding-top: 10px;
} }
a,
i {
color: $layout-link-gray;
}
&.active {
a,
i {
color: $black;
}
svg {
path,
polygon {
fill: $black;
}
}
}
&:hover {
a,
i {
color: $black;
}
}
} }
} }
} }
......
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