improve user page styling

This commit is contained in:
Sam
2015-12-24 09:45:09 +11:00
parent f423869e03
commit 7ae1846834
4 changed files with 30 additions and 28 deletions

View File

@@ -133,32 +133,12 @@
}
.user-nav {
width: 100%;
padding: 0;
margin: 0;
li {
padding: 0;
a {
color: dark-light-choose(scale-color($primary, $lightness: 40%), scale-color($secondary, $lightness: 40%));
padding: 5px;
min-width: 90px;
display: inline-block;
text-align: center;
border-bottom: 3px solid transparent;
}
a.active, a:hover {
color: $primary;
border-bottom: 3px solid dark-light-choose(scale-color($primary, $lightness: 20%), scale-color($secondary, $lightness: 20%));
}
display: inline-block;
text-decoration: none;
margin: 5px 0px;
.fa {
margin-right: 5px;
}
.fa.fa-comment {
margin-right: 2px;
}
margin: 5px 0px;
.fa {
margin-right: 5px;
}
.fa.fa-comment {
margin-right: 2px;
}
}
@@ -168,3 +148,4 @@
margin-right: 10px;
}
}