minor css fixes to nav
This commit is contained in:
parent
844c918652
commit
cb41b3296d
2 changed files with 3 additions and 6 deletions
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Reference in a new issue