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
// 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