responsive-sass 0.0.1 → 0.0.2

data/README.mkdn

@@ -1,7 +1,7 @@
 Responsive Sass - Compass plugin
 ====================
 
-Responsive Sass mixins currently supports background image resizing, killing mobile zoom and work in all modern browsers with pure CSS. Additional support 
+Responsive Sass mixins currently supports background image resizing, killing mobile zoom and works in all modern desktop/mobile browsers. Additional support 
 for Internet Explorer and older browsers is made possible with a small amount 
 of JavaScript using [Respond](http://github.com/scottjehl/Respond).
 
@@ -28,11 +28,13 @@ Or create a new project:
 Mixins:
 ======
 
-Note: Setting your elements height is not required.
+Note: Setting your elements height or background is not required.
+
+- Your can set your background by passing your image url to the background variable. Example: @include high-res(960px, 400px, "/images/high-res.png");
 
 * min-width-960
 
-    @include min-width-960($width, $height);
+    @include min-width-960($width, $height, );
 
 * tablet-portrait
 
@@ -58,6 +60,9 @@ Note: Setting your elements height is not required.
 
     @include kill-mobile-zoom;
     
+* kill-tap-highlight
+    @include kill-tap-highlight;
+    
 License:
 =======
 Copyright (c) 2011 Nick Treadway

data/lib/responsive-sass/version.rb

@@ -1,5 +1,5 @@
 module Responsive
   module Sass
-    VERSION = "0.0.1"
+    VERSION = "0.0.2"
   end
 end

data/stylesheets/_responsive-sass.scss

@@ -1,50 +1,52 @@
-@mixin reponsive-core($width, $height: auto) {
-  width: $width;
+@mixin reponsive-core($width, $height: auto, $background: false) {
   height: $height;
+  width: $width;
   -webkit-background-size: $width auto;
   -moz-background-size: $width auto;
   background-size: $width auto !important;
-  
+  @if $background {
+    background-image: url($background) !important;
+  }
   
 }
 
-@mixin min-width-960($width, $height){
+@mixin min-width-960($width, $height: auto, $background: false){
     @media only screen and (min-width: 960px) {
-      @include reponsive-core($width, $height);
+      @include reponsive-core($width, $height, $background);
     }
 }
 
-@mixin tablet-portrait($width, $height) {
+@mixin tablet-portrait($width, $height: auto, $background: false) {
    @media only screen and (min-width: 768px) and (max-width: 959px) {
-     @include reponsive-core($width, $height);
+     @include reponsive-core($width, $height, $background);
    }
 }
 
-@mixin tablet-landscape($width, $height){
+@mixin tablet-landscape($width, $height: auto, $background: false){
   @media only screen and (min-width: 1024px) {
-    @include reponsive-core($width, $height);
+    @include reponsive-core($width, $height, $background);
   }
 }
 
-@mixin mobile-landscape($width, $height) {
+@mixin mobile-landscape($width, $height: auto, $background: false) {
   @media only screen and (min-width: 480px) {
-    @include reponsive-core($width, $height);
+    @include reponsive-core($width, $height, $background);
   }
 }
 
-@mixin mobile-portrait($width, $height) {
+@mixin mobile-portrait($width, $height: auto, $background: false) {
   @media only screen and (max-width: 479px) {
-    @include reponsive-core($width, $height);
+    @include reponsive-core($width, $height, $background);
   }
 }
 
-@mixin high-res($width, $height){
+@mixin high-res($width, $height: auto, $background: false){
 /* iPhone 4 and other high pixel ratio devices ----------- */
   @media
   only screen and (-webkit-min-device-pixel-ratio: 2),
   only screen and (-o-min-device-pixel-ratio: 3/2),
   only screen and (min-device-pixel-ratio: 2) {
-    @include reponsive-core($width, $height);
+    @include reponsive-core($width, $height, $background);
   }
 }
 
@@ -52,3 +54,7 @@
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: none;
 }
+
+@mixin kill-tap-highlight {
+  -webkit-tap-highlight-color: rgba(0,0,0,0);
+}

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: responsive-sass
 version: !ruby/object:Gem::Version 
-  hash: 29
+  hash: 27
   prerelease: 
   segments: 
   - 0
   - 0
-  - 1
-  version: 0.0.1
+  - 2
+  version: 0.0.2
 platform: ruby
 authors: 
 - Nick Treadway
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-08-27 00:00:00 Z
+date: 2011-08-29 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   type: :development