nav styles

patricksimpson · Apr 10, 2014 · 76df31b · 76df31b
1 parent afd1be5
commit 76df31b
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 19 deletions.
diff --git a/.swp b/.swp
diff --git a/app/styles/_avatars.scss b/app/styles/_avatars.scss
@@ -8,6 +8,14 @@
   padding: 0;
 }
 
+.avatar--med{
+  height: 2em;
+  width: 2em;
+  @include round-borders;
+  margin: 0;
+  padding: 0;
+}
+
 .avatar--link {
   display: inline-block;
 }
diff --git a/app/styles/_buttons.scss b/app/styles/_buttons.scss
@@ -15,17 +15,12 @@
   margin: 1em 0;
 }
 
-// .button--auth{
-//   float: right;
-// }
 .button--login{
   font-family: $f-avenir;
   color: #1C4C55;
   background-color: #3EA9BE;
   padding: 1em;
-  // position: absolute;
-  // right: 0;
-  // top: 0;
+  font-weight: bold;
 }
 
 .button--add {

diff --git a/app/styles/_leaderboard.scss b/app/styles/_leaderboard.scss
@@ -6,11 +6,11 @@
 
 .leaderboard--person {
   display: block;
-  margin: .5em 2em;
+  margin: .5em 0;
   margin-left: 0;
   background-color: #fff;
 }
-.leaderboard{ 
+.leaderboard{
 }
 .leaderboard--person--name {
   display: inline-block;
@@ -66,5 +66,6 @@
   }
   .link--person {
     color: #3E6DB3;
+    text-decoration: none;
   }
 }
diff --git a/app/styles/_nav.scss b/app/styles/_nav.scss
@@ -12,19 +12,24 @@
   text-align: center;
   display: table-cell;
   &:first-child{
-    background: #ccc;
+    background: #FF4040;
   }
   &:nth-child(2){
-    background: #666;
+    background: #163B42;
   }
   &:last-child{
-    background: #333;
+    background: #71cedf;
   }
 }
 
 .nav--link{
+  font-family: $f-avenir;
+  font-size: .7em;
+  text-transform: uppercase;
+  letter-spacing: 1px;
   padding: .55em 0;
-  display: block;
+  display: inline-block;
   color: #fff;
   text-decoration: none;
+  width: 100%;
 }
diff --git a/app/styles/_person.scss b/app/styles/_person.scss
@@ -4,14 +4,11 @@
 }
 
 .link--person {
-  color: #444;
-  color: #2D4C83;
   transition: color 0.5s ease;
   transition: background-color 0.5s ease;
   padding:.5em;
+  text-decoration: none;
   &:hover {
-    color: #000;
-    text-decoration: underline;
   }
 }
 

diff --git a/app/templates/components/people-list.hbs b/app/templates/components/people-list.hbs
@@ -11,16 +11,16 @@
       Loss
       </span>
     </span>
-  </li> 
-  {{#each people}}  
+  </li>
+  {{#each people}}
   {{#if isMe}}
   <li class="leaderboard--person isMe">
   {{else}}
   <li class="leaderboard--person">
   {{/if}}
   <span class="effect--person">
     {{#link-to "person" this classNames="link--person--avatar"}}
-      <img {{bind-attr src=avatar alt=name title=name}} class="leaderboard--person--avatar"> 
+      <img {{bind-attr src=avatar alt=name title=name}} class="avatar--med">
     {{/link-to}}
     <span class="">
     {{#link-to "person" this classNames="leaderboard--person--name link--person"}}