updated less to point to the right sprite

LinkedInAttic · Mar 2, 2013 · f9bc1bb · f9bc1bb
1 parent d3e40de
commit f9bc1bb
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/img/sprite_green_0.2.png → img/sprite-green-0.2.png b/img/sprite_green_0.2.png → img/sprite-green-0.2.png
diff --git a/img/sprite_orange_0.2.png → img/sprite-orange-0.2.png b/img/sprite_orange_0.2.png → img/sprite-orange-0.2.png
diff --git a/less/hopscotch.less b/less/hopscotch.less
@@ -47,11 +47,6 @@ div.hopscotch-bubble {
     display: none;
   }
 
-  .hopscotch-bubble-number {
-    font-size: 17px;
-    font-weight: bold;
-  }
-
   h3 {
     color: #000;
     font-family: @bubbleFontFamily;
@@ -105,13 +100,14 @@ div.hopscotch-bubble {
   }
 
   .hopscotch-bubble-number {
-    background: transparent @spriteUrl 3px 0 no-repeat;
+    background: transparent @spriteUrl 0 0 no-repeat;
     color: #fff;
     display: block;
     float: left;
+    font-size: 17px;
+    font-weight: bold;
     line-height: @circleWidth + 3px;
-    margin-left: -4px;
-    padding: 0 10px 0 4px;
+    padding: 0 10px 0 0;
     text-align: center;
     width: @circleWidth;
     height: @circleWidth;

diff --git a/less/vars.less b/less/vars.less
@@ -7,5 +7,5 @@
 @bubblePadding: 15px;
 @borderColor: rgba(0, 0, 0, 0.5);
 @circleWidth: 30px;
-@spriteUrl: url(../img/sprite_os.png);
+@spriteUrl: url(../img/sprite-green-0.2.png);
 @bubbleZindex: 999999;