Merge pull request #19 from bumbu/fix2

Set navbar media sizes using variables

Author: maxmx

stylus/responsive-navbar.styl

@@ -5,7 +5,8 @@
 
 // TABLETS AND BELOW
 // -----------------
-@media (max-width: 980px) {
+$media = '(max-width:' + $navbarCollapseWidth + ')'
+@media $media {
 
   // UNFIX THE TOPBAR
   // ----------------
@@ -178,7 +179,8 @@
 // DEFAULT DESKTOP
 // ---------------
 
-@media (min-width: $navbarCollapseDesktopWidth) {
+$media = '(min-width:' + $navbarCollapseDesktopWidth + ')'
+@media $media {
 
   // Required to make the collapsing navbar work on regular desktops
   .nav-collapse.collapse {

stylus/variables.styl

@@ -176,7 +176,6 @@ $wellBackground =                  #f5f5f5;
 
 
 // Navbar
-// NOTE: navbarCollapseWidth is not used because of a stylus bug, you must go edit the value directly in the responsive-navbar file.
 // -------------------------
 $navbarCollapseWidth =             979px;
 $navbarCollapseDesktopWidth =      $navbarCollapseWidth + 1;