handysass 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fc3da0e5e6a75b27e51749fbfad04fe8fc330fd4
-  data.tar.gz: d02b7b1ead2c49a264d1627c14b421d4ddd66146
+  metadata.gz: 43c943481415e25104d58a44332ed1f59cf3364d
+  data.tar.gz: a6c524f0226c84e6ed557d0641871dc9193cdf7b
 SHA512:
-  metadata.gz: a9719014aec85c81d63762b7c1df04602d7ccbf965489e5010387c4c2161a052f9fecd20e0df9333feaa1ae971c134d49d5390ac9fef7bffa04871a3e1ff9ebe
-  data.tar.gz: 2ae076b311a769df04cc0e58cc40fc2ae091c7c5a33e3b1a2306e2a3592bd0630f2ce0d725184a92f14ca182cad20403ee8dce7a57e3246c996b78d22a836372
+  metadata.gz: 576da55515393d9a97bc9a9910aa27a263fa7986b2e469951ef3e42c8c79c881f317a47a0415455708094bde90dc945ea388a952dd6487038c37321749570c6f
+  data.tar.gz: 3104fb48d83982a8d74b86dac26d2d6675e98dcbc33af6d1f4d7b355cd9fe31d4145f4063a3f03e26dd9fd7b21baed40b0a80001735ee2e309b8c10a5920b234

data/stylesheets/handysass/classes/_layout.scss

@@ -2,10 +2,10 @@
 @import "compass/utilities/general/clearfix";
 @import "compass/css3/inline-block";
 
-.clearfix{
-	@include pie-clearfix();
+.clearfix {
+	@include pie-clearfix;
 }
 
-.inline-block{
-	@include inline-block();
+.inline-block {
+	@include inline-block;
 }

data/stylesheets/handysass/classes/_text.scss

@@ -2,10 +2,10 @@
 @import "compass/typography/text/ellipsis";
 @import "compass/typography/text/replacement";
 
-.ellipsis{
-	@include ellipsis();
+.ellipsis {
+	@include ellipsis;
 }
 
-.hide-text{
-	@include hide-text();
+.hide-text {
+	@include hide-text;
 }

data/stylesheets/handysass/mixins/_responsive.scss

@@ -2,6 +2,13 @@ $sm-screen: 768px !default;
 $md-screen: 990px !default;
 $lg-screen: 1200px !default;
 
+// Add a screen @media rule for 2x pixel ratio (retina display)
+@mixin retina-screen {
+	@media only screen and (-webkit-min-device-pixel-ratio: 2){
+		@content;
+	}
+}
+
 // Add a screen @media rule for the specified min/max widths.
 //
 // Recommended use: keywork argument syntax, for consistency
@@ -10,7 +17,7 @@ $lg-screen: 1200px !default;
 // @param mixed $min The min width of the screen (false to ignore).
 // @param mixed $max The max width of the screen (false to ignore).
 
-@mixin screen-size($min:false, $max:false){
+@mixin screen-size($min:false, $max:false) {
 	$rule: "screen";
 
 	@if $min and $max {
@@ -29,57 +36,57 @@ $lg-screen: 1200px !default;
 }
 
 // Extra-Small (Mobile) only
-@mixin xs-screen{
-	@include screen-size($max: $sm-screen - 1){
+@mixin xs-screen {
+	@include screen-size($max: $sm-screen - 1) {
 		@content;
 	}
 }
 
 // Small (Tablet) and up
-@mixin sm-screen-min{
-	@include screen-size($min: $sm-screen){
+@mixin sm-screen-min {
+	@include screen-size($min: $sm-screen) {
 		@content;
 	}
 }
 
 // Small (Tablet) and down
-@mixin sm-screen-max{
-	@include screen-size($max: $md-screen - 1){
+@mixin sm-screen-max {
+	@include screen-size($max: $md-screen - 1) {
 		@content;
 	}
 }
 
 // Small (Tablet) only
-@mixin sm-screen{
-	@include screen-size($min: $sm-screen, $max: $md-screen - 1){
+@mixin sm-screen {
+	@include screen-size($min: $sm-screen, $max: $md-screen - 1) {
 		@content;
 	}
 }
 
 // Medium (Desktop) and up
-@mixin md-screen-min{
-	@include screen-size($min: $md-screen){
+@mixin md-screen-min {
+	@include screen-size($min: $md-screen) {
 		@content;
 	}
 }
 
 // Medium (Desktop) and down
-@mixin md-screen-max{
-	@include screen-size($max: $lg-screen - 1){
+@mixin md-screen-max {
+	@include screen-size($max: $lg-screen - 1) {
 		@content;
 	}
 }
 
 // Medium (Desktop) only
-@mixin md-screen{
-	@include screen-size($min: $md-screen, $max: $lg-screen - 1){
+@mixin md-screen {
+	@include screen-size($min: $md-screen, $max: $lg-screen - 1) {
 		@content;
 	}
 }
 
 // Large (Widescreen) and up
-@mixin lg-screen{
-	@include screen-size($min: $lg-screen){
+@mixin lg-screen {
+	@include screen-size($min: $lg-screen) {
 		@content;
 	}
 }

data/stylesheets/handysass/mixins/_sprite.scss

@@ -1,5 +1,5 @@
 // Internal helper function
-@mixin -handy-sprite($left, $top, $width, $height){
+@mixin -handy-sprite($left, $top, $width, $height) {
 	background-position: (-1 * ($left - 1) * $width) (-1 * ($top - 1) * $height);
 }
 
@@ -22,7 +22,7 @@
 // @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){
+@mixin handy-sprite($left, $top, $width, $height, $hover_left:0, $hover_top:0) {
 	@include -handy-sprite($left, $top, $width, $height);
 
 	@if $hover_left != 0 or $hover_top != 0 {
@@ -32,7 +32,7 @@
 		@if $hover_top == 0 {
 			$hover_top: $top;
 		}
-		&:hover{
+		&:hover {
 			@include -handy-sprite($hover_left, $hover_top, $width, $height);
 		}
 	}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: handysass
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Doug Wollison
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-01-27 00:00:00.000000000 Z
+date: 2012-01-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: compass