X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=stylus_helpers.styl;h=f8db4bf19ad783816ea67224ea276981d0acfe72;hb=70f9d228533a08f8b07aa55eebcf6371aee6cef6;hp=39f68d147aad16450620e925ab1d7dcf1ab7813c;hpb=f0092052f5357e8e7430a2180a56f1536b613da5;p=wfpl.git

diff --git a/stylus_helpers.styl b/stylus_helpers.styl
index 39f68d1..f8db4bf 100644
--- a/stylus_helpers.styl
+++ b/stylus_helpers.styl
@@ -150,7 +150,14 @@ sprites(image, height, count, v_offset = 0, h_offset = 0)
 			y = - (@height * n) - unit(v_offset, px)
 			background-position: (0 - unit(h_offset, px)) y
 sprite(image, height, v_offset = 0, h_offset = 0)
-	sprites(image, height, 1, v_offset, h_offset)
+	height: unit(height, px)
+	if image[1]
+		background: url(image[0])
+		background: url(image[1]), linear-gradient(transparent, transparent);
+	else
+		background-image: url(image)
+	background-repeat: no-repeat;
+	background-position: (0 - unit(h_offset, px)) (0 - unit(v_offset, px))
 
 // Styling for a variable height element with an image background where the
 // middle repeats vertically. You must split your image into three images, and
@@ -369,15 +376,14 @@ wfpl_columns_helper(top, node, selector, parent_width, expected_width)
 				left_width += v
 			if match('^((margin|padding)-right)|(border-right-width)$', k)
 				right_width += v
-			if k != 'type' && k != 'child' && k != 'name' && k != 'outer-width' && k != 'outer_width'
+			if k != 'type' && k != 'child' && k != 'name' && k != 'outer_width'
 				css_rules[k] = v
 		for k, v in node
 			if k == 'width'
 				width = v
-				outer_width = left_width + v + right_width
-			if k == 'outer-width' && k == 'outer_width'
-				outer_width = k
-				width = v - left_width - right_width
+			if k == 'outer_width'
+				outer_width = v
+				css_rules['width'] = v - left_width - right_width
 		if (!width) && (!outer_width)
 			if parent_width
 				outer_width = parent_width
@@ -390,8 +396,8 @@ wfpl_columns_helper(top, node, selector, parent_width, expected_width)
 		unless parent_width // should only happen at top level
 			parent_width = outer_width
 		top['css'][selector] = css_rules
-		for k, v in node
-			if k != 'outer-width' && k != 'outer_width' && k != 'border-width' && k != 'border-left-width' && k != 'border-right-width'
+		for k, v in css_rules
+			if k != 'border-width' && k != 'border-left-width' && k != 'border-right-width'
 				if typeof(v) == 'unit' && unit(v) == 'px'
 					responsive_css_rules[k] = floor(unit((v / parent_width) * 100, '%'), 4)
 		top['responsive_css'][selector] = responsive_css_rules