Landing page: fix mobile nav

oSoc15 · Jul 28, 2015 · 1c93a2e · 1c93a2e
1 parent c88f246
commit 1c93a2e
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/public/sass/_staticnav.scss b/public/sass/_staticnav.scss
@@ -11,15 +11,15 @@ nav {
   right: 0;
   z-index: 100;
 
-  @media screen and(max-width: 827px) {
+  @media (max-width: 827px) {
     height: auto;
     min-height: $nav-height;
   }
 
   .container {
     height: $nav-height;
 
-    @media screen and (max-width: 992px) {
+    @media (max-width: 992px) {
       width: 100%;
     }
 
@@ -32,11 +32,11 @@ nav {
         height: 50px;
         margin: 0;
         line-height: 38px;
-        padding: 5px 0 10px;
-        color: #ffffff
+        padding: 10px 0;
+        color: #fff
       }
     }
-    @media screen and(max-width: 827px) {
+    @media (max-width: 827px) {
       height: auto;
       min-height: $nav-height;
       .mobile-header {
@@ -56,7 +56,7 @@ nav {
 
     li {
       display: inline-block;
-      @media screen and (max-width: 827px) {
+      @media (max-width: 827px) {
         display: block;
         width: 100%;
 
@@ -75,24 +75,23 @@ nav {
   }
   a {
     display: inline-block;
-    @media screen and (max-width: 827px) {
+    @media (max-width: 827px) {
       display: block;
       width: 100%;
       margin: 0;
     }
-    margin: 0 10px;
+    margin: 0 15px;
     height: $nav-height;
 
-    color: #ffffff;
-    text-transform: uppercase;
-    font-weight: 700;
+    color: #fff;
+    font-size: 19px;
 
     &:hover {
-      border-bottom: 3px solid #ffffff;
+      border-bottom: 3px solid #fff;
       background: none;
       text-decoration: none;
-      color: #ffffff;
-      @media screen and (max-width: 827px) {
+      color: #fff;
+      @media (max-width: 827px) {
         border-bottom: none;
       }
     }
@@ -101,7 +100,10 @@ nav {
     }
   }
   img {
-    padding: 0 0 10px;
+    padding: 10px 0;
+    @media (min-width: 827px) {
+      padding-top: 0;
+    }
     max-height: $nav-height - 10px;
   }
 }