feat(v2): style appearance

This commit is contained in:
Yangshun Tay 2018-10-23 03:02:09 -04:00
parent 58d60b5650
commit 2ce6ca5854
11 changed files with 435 additions and 24 deletions

View file

@ -22,7 +22,7 @@ function Navbar() {
<NavLink
activeClassName={styles.navLinkActive}
className={styles.navLink}
to="/docs/site-config">
to="/docs/installation">
Docs
</NavLink>
</li>

View file

@ -30,26 +30,23 @@
}
.navList {
height: inherit;
list-style-type: none;
margin: 0;
padding: 0;
}
.navListItem {
box-sizing: border-box;
display: inline-block;
margin-top: 0;
}
.navLink {
border-radius: 6px;
color: #1c1e21;
display: block;
padding: 1em 1.2em;
text-decoration: none;
transition: background-color 200ms cubic-bezier(0.08, 0.52, 0.52, 1);
}
.navLink:hover {
background-color: #f5f6f7;
}
.navLinkActive {
@ -58,7 +55,3 @@
color: #25c2a0;
margin-bottom: -4px;
}
.navLinkActive:hover {
background-color: inherit;
}