# HG changeset patch
# User dellsystem <ilostwaldo@gmail.com>
# Date 1345843347 14400
# Node ID 343d79b20dd5e5e5984d549c9fe7c029ff27548b
# Parent  6da61f3f83fefdad0cd7cbcb8dca220e81c153ac
Fix header-icon positioning in Firefox/Opera

To accommodate lack of support for background-position-x/y.

diff -r 6da61f3f83fe -r 343d79b20dd5 static/css/agora.less
--- a/static/css/agora.less	Fri Aug 24 17:13:38 2012 -0400
+++ b/static/css/agora.less	Fri Aug 24 17:22:27 2012 -0400
@@ -55,7 +55,6 @@
                 font-size: 1.1em;
 
                 &:hover {
-                    background-position-y: -60px;
                     text-decoration: none;
                     color: @darkerGrey;
                 }
@@ -67,20 +66,29 @@
             }
         }
 
+        // Because Firefox/Opera don't do background-position-x/y
+        .header-icon(@xPosition) {
+            background-position: @xPosition 0px;
+
+            &:hover {
+                background-position: @xPosition @headerIconHoverY;
+            }
+        }
+
         .code {
-            background-position-x: -62px;
+            .header-icon(-62px);
         }
 
         .discuss {
-            background-position-x: -125px;
+            .header-icon(-125px);
         }
 
         .help {
-            background-position-x: -209px;
+            .header-icon(-209px);
         }
 
         .about {
-            background-position-x: 12px;
+            .header-icon(12px);
         }
 
         .login {
diff -r 6da61f3f83fe -r 343d79b20dd5 static/css/variables.less
--- a/static/css/variables.less	Fri Aug 24 17:13:38 2012 -0400
+++ b/static/css/variables.less	Fri Aug 24 17:22:27 2012 -0400
@@ -20,3 +20,4 @@
 // Dimensions and positioning
 @fixedWidth:        960px;
 @headerHeight:      100px;
+@headerIconHoverY:  -60px;