responder 0.0.1 → 0.0.2

data/README.md

@@ -34,19 +34,22 @@ Include the `responder-breakpoints()` mixin in your stylesheet and pass your lis
 
 **Important:** Start with the smallest breakpoint and grow your list from there up to the bigger one.
 
-#### Ems by default
+#### Settings
 
-Responder will do the math for you and convert your breakpoint values into ems. By default Responder uses the Compass $base-font-size configurable variable as the context.
+Responder will do the math for you and convert your breakpoint values into ems. By default Responder uses the Compass `$base-font-size` configurable variable as the context and sets the media type as `screen`.
 
-**Need to change the context?**
+**Set your own context**
 
-	$responder-ems-context: $my-own-context;
+	$responder-ems-context: $my-own-context; // Defaults to $base-font-size
 
-**I prefer pixel breakpoints!** Easy:
+**Prefer pixel breakpoints?** Easy:
 
-	$responder-use-ems: false;
+	$responder-use-ems: false; // Defaults to true
 	
+**Change the default media type **
 
+	$responder-media-type: screen; // Defaults to screen
+	
 ### 2. Using the respond-to mixin
 
 Yep, that was it. Your mixin is ready to use.

data/lib/responder/version.rb

@@ -1,3 +1,3 @@
 module Responder
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

data/scss/responder/_respond-to.scss

@@ -33,17 +33,17 @@
 			}
 
 		// If it's a breakpoint group
-		}@else {
+		} @else {
 			$min-width: nth( nth($breakpoint-groups, $breakpoint-group-id), 2);
 			$max-width: nth( nth($breakpoint-groups, $breakpoint-group-id), 3);
 		}
 
 		@if $breakpoint-extend == only {
-			@media (min-width: getSize($min-width)) and (max-width: getSize($max-width - 1)) { @content; }
+			@media #{$responder-media-type} and (min-width: getSize($min-width)) and (max-width: getSize($max-width - 1)) { @content; }
 		} @else if $breakpoint-extend == and-up {
-			@media (min-width: getSize($min-width)) { @content; }
+			@media #{$responder-media-type} and (min-width: getSize($min-width)) { @content; }
 		} @else if $breakpoint-extend == and-below {
-			@media (max-width: getSize($max-width - 1)) { @content; }
+			@media #{$responder-media-type} and (max-width: getSize($max-width - 1)) { @content; }
 		}
 	}
 }

data/scss/responder.scss

@@ -30,6 +30,7 @@ $breakpoint-groups: ();
 
 $responder-use-ems: true !default;
 $responder-ems-context: $base-font-size !default;
+$responder-media-type: screen !default;
 
 // =============================================================================
 // 2. Initialization

data/test/css/style.css

@@ -2,7 +2,7 @@
 body {
   font: 16px/21px "Helvetica Neue", Arial, sans-serif;
 }
-@media (min-width: 20em) and (max-width: 37.4375em) {
+@media print and (min-width: 20em) and (max-width: 37.4375em) {
   /* line 17, ../scss/style.scss */
   body {
     font-size: 95%;
@@ -34,7 +34,7 @@ tr > td:first-child {
 .mq-mixins-test tbody .response-example .isResponding {
   display: none;
 }
-@media (min-width: 20em) and (max-width: 37.4375em) {
+@media print and (min-width: 20em) and (max-width: 37.4375em) {
   /* line 60, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile {
     background: #a7e040;
@@ -49,7 +49,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 20em) and (max-width: 29.9375em) {
+@media print and (min-width: 20em) and (max-width: 29.9375em) {
   /* line 65, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait {
     background: #a7e040;
@@ -64,7 +64,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 30em) and (max-width: 37.4375em) {
+@media print and (min-width: 30em) and (max-width: 37.4375em) {
   /* line 70, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape {
     background: #a7e040;
@@ -79,7 +79,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 37.5em) and (max-width: 61.9375em) {
+@media print and (min-width: 37.5em) and (max-width: 61.9375em) {
   /* line 76, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet {
     background: #a7e040;
@@ -94,7 +94,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 37.5em) and (max-width: 47.9375em) {
+@media print and (min-width: 37.5em) and (max-width: 47.9375em) {
   /* line 82, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait {
     background: #a7e040;
@@ -109,7 +109,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 48em) and (max-width: 61.9375em) {
+@media print and (min-width: 48em) and (max-width: 61.9375em) {
   /* line 88, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape {
     background: #a7e040;
@@ -124,7 +124,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 62em) {
+@media print and (min-width: 62em) {
   /* line 94, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop {
     background: #a7e040;
@@ -139,7 +139,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 20em) {
+@media print and (min-width: 20em) {
   /* line 103, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-up {
     background: #a7e040;
@@ -154,7 +154,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 20em) {
+@media print and (min-width: 20em) {
   /* line 108, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-up {
     background: #a7e040;
@@ -169,7 +169,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 30em) {
+@media print and (min-width: 30em) {
   /* line 113, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-up {
     background: #a7e040;
@@ -184,7 +184,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 37.5em) {
+@media print and (min-width: 37.5em) {
   /* line 119, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-up {
     background: #a7e040;
@@ -199,7 +199,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 37.5em) {
+@media print and (min-width: 37.5em) {
   /* line 125, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-up {
     background: #a7e040;
@@ -214,7 +214,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 48em) {
+@media print and (min-width: 48em) {
   /* line 131, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-up {
     background: #a7e040;
@@ -229,7 +229,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 62em) {
+@media print and (min-width: 62em) {
   /* line 137, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-up {
     background: #a7e040;
@@ -244,7 +244,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 37.4375em) {
+@media print and (max-width: 37.4375em) {
   /* line 146, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-below {
     background: #a7e040;
@@ -259,7 +259,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 29.9375em) {
+@media print and (max-width: 29.9375em) {
   /* line 151, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-below {
     background: #a7e040;
@@ -274,7 +274,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 37.4375em) {
+@media print and (max-width: 37.4375em) {
   /* line 156, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-below {
     background: #a7e040;
@@ -289,7 +289,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 61.9375em) {
+@media print and (max-width: 61.9375em) {
   /* line 162, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-below {
     background: #a7e040;
@@ -304,7 +304,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 47.9375em) {
+@media print and (max-width: 47.9375em) {
   /* line 168, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-below {
     background: #a7e040;
@@ -319,7 +319,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 61.9375em) {
+@media print and (max-width: 61.9375em) {
   /* line 174, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-below {
     background: #a7e040;
@@ -334,7 +334,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 61.9375em) {
+@media print and (max-width: 61.9375em) {
   /* line 180, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-below {
     background: #a7e040;

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: responder
 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: 
 - Daniel Guillan
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-10-15 00:00:00 Z
+date: 2012-10-16 00:00:00 Z
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: sass