responder 0.2 → 0.2.1

data/README.md

@@ -108,7 +108,7 @@ You can create as many breakpoints as you need for each group. It's that simple.
 
 ### 3. Retina displays
 
-Target retina displays very easely using Responder's future proof media query.
+Target retina displays easily using Responder's future proof media query.
 
 	@include respond-to(retina) {
 		// retina sharpness goes here

data/lib/responder/version.rb

@@ -1,3 +1,3 @@
 module Responder
-  VERSION = "0.2"
+  VERSION = "0.2.1"
 end

data/scss/responder/_respond-to-retina.scss

@@ -1,14 +1,15 @@
 // =============================================================================
 // Respond to retina
+//
+// Future proof Retina media query based on Brett Jankord's research:
+// http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
+//
 // =============================================================================
 
 @mixin respond-to-retina {
     @media
-    only screen and (-webkit-min-device-pixel-ratio: 1.5),
-    only screen and (   min--moz-device-pixel-ratio: 1.5),
-    only screen and (     -o-min-device-pixel-ratio: 3/2),
-    only screen and (        min-device-pixel-ratio: 2),
-    only screen and (                min-resolution: 1.5dppx) {
+    only screen and (-webkit-min-device-pixel-ratio: 2),
+    only screen and (min-resolution: #{(96 * $responder-retina-pixel-ratio)}dpi) {
         @content;
    }
 }

data/scss/responder.scss

@@ -32,6 +32,7 @@ $breakpoint-groups: ();
 $responder-use-ems: true !default;
 $responder-ems-context: $base-font-size !default;
 $responder-media-type: screen !default;
+$responder-retina-pixel-ratio: 2 !default;
 $old-ie-support: false !default;
 $old-ie-breakpoint: false !default;
 

data/test/css/style.css

@@ -349,7 +349,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 1.5dppx) {
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 190dpi) {
   /* line 71, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-retina {
     background: #a7e040;

metadata

@@ -1,71 +1,78 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: responder
-version: !ruby/object:Gem::Version
-  version: '0.2'
+version: !ruby/object:Gem::Version 
+  hash: 21
   prerelease: 
+  segments: 
+  - 0
+  - 2
+  - 1
+  version: 0.2.1
 platform: ruby
-authors:
+authors: 
 - Daniel Guillan
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-11-24 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2012-11-30 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
   name: sass
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: 3.2.0
-  type: :runtime
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
+  requirement: &id001 !ruby/object:Gem::Requirement 
     none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 15
+        segments: 
+        - 3
+        - 2
+        - 0
         version: 3.2.0
-- !ruby/object:Gem::Dependency
-  name: compass
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: 0.12.2
   type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: compass
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
+  requirement: &id002 !ruby/object:Gem::Requirement 
     none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 43
+        segments: 
+        - 0
+        - 12
+        - 2
         version: 0.12.2
-- !ruby/object:Gem::Dependency
-  name: rake
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
   type: :runtime
+  version_requirements: *id002
+- !ruby/object:Gem::Dependency 
+  name: rake
   prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
+  requirement: &id003 !ruby/object:Gem::Requirement 
     none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        hash: 3
+        segments: 
+        - 0
+        version: "0"
+  type: :runtime
+  version_requirements: *id003
 description: Magic media queries for your Compass project
-email:
+email: 
 - daniel.guillan@gmail.com
 executables: []
+
 extensions: []
+
 extra_rdoc_files: []
-files:
+
+files: 
 - .gitignore
 - Gemfile
 - LICENSE.txt
@@ -86,35 +93,38 @@ files:
 - test/scss/style.scss
 homepage: http://github.com/danielguillan/responder
 licenses: []
+
 post_install_message: 
 rdoc_options: []
-require_paths:
+
+require_paths: 
 - lib
-required_ruby_version: !ruby/object:Gem::Requirement
+required_ruby_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
-      segments:
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
       - 0
-      hash: -2604048285855589836
-required_rubygems_version: !ruby/object:Gem::Requirement
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>='
-    - !ruby/object:Gem::Version
-      version: '0'
-      segments:
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      hash: 3
+      segments: 
       - 0
-      hash: -2604048285855589836
+      version: "0"
 requirements: []
+
 rubyforge_project: 
 rubygems_version: 1.8.24
 signing_key: 
 specification_version: 3
 summary: Magic media queries for your Compass project
-test_files:
+test_files: 
 - test/config.rb
 - test/css/style-old-ie.css
 - test/css/style.css