minor css fixes to nav

This commit is contained in:
Cassie Tarakajian 2016-12-19 17:56:39 -05:00
parent 844c918652
commit cb41b3296d
2 changed files with 3 additions and 6 deletions

View file

@ -109,9 +109,9 @@ function Nav(props) {
{(() => {
if (!props.user.authenticated) {
return (
<li className="nav__item login__items">
<li className="nav__item">
<p>
<Link to="/login">Login</Link> <span className="spacer">or</span> <Link to="/signup">Sign Up</Link>
<Link to="/login">Login</Link> <span className="nav__item-spacer">or</span> <Link to="/signup">Sign Up</Link>
</p>
</li>
);

View file

@ -52,12 +52,9 @@
}
}
.login__items {
.nav__item-spacer {
@include themify() {
color: map-get($theme-map, 'inactive-text-color');
}
}
.login__items span.spacer {
padding: 0 #{15 / $base-font-size}rem;
}