handysass 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9127ad5c2a26beb35aae632d7ade1ab69705dceb
-  data.tar.gz: ff0203424294f593a6924bff665960f185f1946b
+  metadata.gz: 984afb2d650c7896bdbb9e28804dad110bfa1f34
+  data.tar.gz: 44b2171f9275ba6c28fc3dd6ad95587bbbb7af11
 SHA512:
-  metadata.gz: 3b0aad0842c5fead02959d78af4e5a75bad772b1ac5833485a69944ac585ec29c6e6ebf747ec411e586098be2fdc0843311e38b4420fedeba0c95db12374bc14
-  data.tar.gz: bc4ca10345a5002bff58fe4ebc113e86aaca138206121c5a8fd04dfa7cceb26d928bbc09f69befe31a69d28cfa3ebc9f00f87383c06a2293f2c50feaa924a5ae
+  metadata.gz: 77e67229ae79606f381ee3199096640053071202b80a924e34c3816d352d8db0b2d3766cb102cedfadb630b5e6d13a9d221bbd6a392992747084ad261941ec2a
+  data.tar.gz: f7fb1d90ed63b54c7fe0a6864ce38dc8773c546c69456d1dd7850d2e4a4f7b51d527d41802a8294bbb2280206e75f8d3db8ffc2e16d42fb215dbb4e3b0717ab1

data/lib/handysass.rb

@@ -4,6 +4,6 @@ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
 Compass::Frameworks.register('handysass', :path => extension_path)
 
 module HandySASS
-  VERSION = "0.1.0"
-  DATE = "2014-01-27"
+  VERSION = "0.1.4"
+  DATE = "2014-04-01"
 end

data/stylesheets/handysass/_mixins.scss

@@ -1,3 +1,4 @@
 @import "mixins/responsive";
 @import "mixins/sizing";
-@import "mixins/sprite";
+@import "mixins/sprite";
+@import "mixins/textdir";

data/stylesheets/handysass/mixins/_sprite.scss

@@ -1,39 +1,48 @@
-// Internal helper function
-@mixin -handy-sprite($left, $top, $width, $height) {
-	background-position: (-1 * ($left - 1) * $width) (-1 * ($top - 1) * $height);
-}
-
-// Sprite position builder.
+// Strict or hoverable sprite position builder.
 //
 // Sets the background position of your sprite,
-// based on the offset and size you provide. Also
-// handles hover position if desired.
+// based on the x/y location, size, and offset you provide.
 //
 // $left/$top are 1-indexed, meant to represent col/row coords.
 //
-// Meant for sprites where each image is the same width/height.
+// Meant for sprites where each image is the same width and/or height.
+//
+// @param pixels $left       The left offset
+// @param pixels $top        The top offset
+// @param pixels $width      The width of the image
+// @param pixels $height     The height of the image
+// @param pixels $start-left The left offset within the sprite
+// @param pixels $start-top  The top offset within the sprite
+
+@mixin handy-sprite($col, $row, $width, $height, $start-left:0, $start-top:0) {
+	background-position: ((($col - 1) * $width + $start-left) * -1) ((($row - 1) * $height + $start-top) * -1);
+}
+
+// Hoverable sprite position builder.
+//
+// Instead of speci
 //
-// @uses -handy-sprite()
+// @uses handy-sprite()
 //
 // @param pixels $left       The left offset
 // @param pixels $top        The top offset
 // @param pixels $width      The width of the image
 // @param pixels $height     The height of the image
-// @param pixels $hover_left The left offset on hover
-// @param pixels $hover_top  The top offset on hover
+// @param pixels $hover-left The left offset on hover
+// @param pixels $hover-top  The top offset on hover
 
-@mixin handy-sprite($left, $top, $width, $height, $hover_left:0, $hover_top:0) {
-	@include -handy-sprite($left, $top, $width, $height);
+@mixin hover-sprite($left, $top, $width, $height, $hover-left:0, $hover-top:0, $start-left:0, $start-top:0) {
+	@include handy-sprite($left, $top, $width, $height);
 
-	@if $hover_left != 0 or $hover_top != 0 {
-		@if $hover_left == 0 {
-			$hover_left: $left;
+	@if $hover-left != 0 or $hover-top != 0 {
+		@if $hover-left == 0 {
+			$hover-left: $left;
 		}
-		@if $hover_top == 0 {
-			$hover_top: $top;
+		@if $hover-top == 0 {
+			$hover-top: $top;
 		}
 		&:hover {
-			@include -handy-sprite($hover_left, $hover_top, $width, $height);
+			@include handy-sprite($hover-left, $hover-top, $width, $height);
 		}
 	}
 }

data/stylesheets/handysass/mixins/_textdir.scss

@@ -0,0 +1,57 @@
+// Create LTR/RTL dependent variants for a specific property
+//
+// Example usage:
+//
+//	.mydiv{
+//		this...
+//		@include dirdep();
+//		
+//		becomes...
+//		.ltr &{float: left;}
+//		.rtl &{float: right;}
+//
+//		this...
+//		@include dirdep(margin, 20px);
+//		
+//		becomes...
+//		.ltr &{margin-left: 20px;}
+//		.rtl &{margin-right: 20px;}
+//		
+//		this...
+//		@include dirdep(10px, false);
+//		
+//		becomes...
+//		.ltr &{right: 10px;}
+//		.rtl &{left: 10px;}
+//	}
+//
+// @param mixed $property The property to use.
+// @param mixed $value The value for the poperty.
+// @param mixed $lvr True for Left on LTR, Right on RTL (false for reverse)
+
+@mixin dirdep($property:float, $value:true, $lvr:true) {
+	@if $property == 'float' {
+		// Floating; $value becomse $lvr
+		.ltr &{
+			float: if($value, left, right);
+		}
+		.rtl &{
+			float: if($value, right, left);
+		}
+	} @else if type-of($property) == 'number' {
+		// Positioning; $property is the value, $value is $lvr
+		.ltr &{
+			#{if($value, left, right)}: $property;
+		}
+		.rtl &{
+			#{if($value, right, left)}: $property;
+		}
+	} @else {
+		.ltr &{
+			#{$property}-#{if($lvr, left, right)}: $value;
+		}
+		.rtl &{
+			#{$property}-#{if($lvr, right, left)}: $value;
+		}
+	}
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: handysass
 version: !ruby/object:Gem::Version
-  version: 0.1.3
+  version: 0.1.4
 platform: ruby
 authors:
 - Doug Wollison
@@ -42,6 +42,7 @@ files:
 - stylesheets/handysass/mixins/_responsive.scss
 - stylesheets/handysass/mixins/_sizing.scss
 - stylesheets/handysass/mixins/_sprite.scss
+- stylesheets/handysass/mixins/_textdir.scss
 homepage: http://github.com/dougwollison/handysass
 licenses:
 - GPL-2.0