r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

minor css fixes to nav

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/components/Nav.jsx
View file

@ -109,9 +109,9 @@ function Nav(props) {
{(() => { {(() => {
if (!props.user.authenticated) { if (!props.user.authenticated) {
return ( return (
<li className="nav__item login__items"> <li className="nav__item">
<p> <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> </p>
</li> </li>
); );

5
client/styles/components/_nav.scss
View file

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