X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=stylus-helpers.styl;h=fc70579b2de2fbebef696de99ebbca710b90791b;hb=47d8b4705be324d466c0c4d12c5f808f0a02d09b;hp=6f446a3a91edb303fe8c8708e8048cbd3e4a4af6;hpb=0785483a8d96e462f21b6d9a522b3e587b500972;p=wfpl.git

diff --git a/stylus-helpers.styl b/stylus-helpers.styl
index 6f446a3..fc70579 100644
--- a/stylus-helpers.styl
+++ b/stylus-helpers.styl
@@ -49,12 +49,17 @@ fixed()
 relative()
 	_pos('relative', arguments)
 
+// Specify width and height on the same line
+dimensions(w, h)
+	width: _px(w)
+	height: _px(h)
+
 // Make children of this element inline-blocks that are spaced evenly accross.
 //
 // To create a minimum distance between: don't use word-spacing, it's broken in
 // firefox. Instead, try padding on the children and negative margin on the
 // parent.
-space_evenly(line_height = 1.2em)
+space-evenly(line_height = 1.2em)
 	text-align justify
 	& > *
 		display inline-block
@@ -89,13 +94,13 @@ space_evenly(line_height = 1.2em)
 //             sprite-rollover "images/nav.png" 150 35 2
 sprite-rollover(image, width, height, count)
 	width = unit(width, px)
-	height = unit(width, px)
+	height = unit(height, px)
 	width width
 	height height
 	background: transparent url(image) top left no-repeat;
 	for n in (1..count)
 		&.n{n}
-			y = (2px - n * 35px)
+			y = (height - n * height)
 			background-position 0 y
 			&:hover
 				background-position -(width) y