responder 0.0.1.alpha.1 → 0.0.1.alpha.2

data/README.md

@@ -6,7 +6,7 @@ Forget about multiple variable declarations, long lists of unmanageable, inexten
 
 ## Installation
 
-Install the respond-to gem:
+Install the responder gem:
 
     $ gem install responder
 
@@ -14,10 +14,14 @@ In your project's config.rb file add:
 
 	require "responder"
 
-Finally install the Compass extension:
+Install the Compass extension:
 
 	$ compass install responder
 
+Finally import responder into your sass code
+
+	@import "responder";
+
 ## Usage
 
 ### 1. Define your own breakpoints
@@ -90,7 +94,7 @@ Given the example breakpoint list above, `respond-to(mobile-only)` will output t
 
 min-width value is the first breakpoint of the group and max-width is the last one. It's that simple.
 
-**NOTE:** You can define more than two breakpoints per group, Responder will pick the smallest breakpoint and the bigger breakpoint to create the group.
+**NOTE:** Currently you're only able to define two breakpoints per group but very soon you'll be able to create as many as you need and Responder will pick the smallest breakpoint and the bigger breakpoint to create the group.
 
 ### 3. There's no #3. Enjoy and build amazing stuff
 
@@ -99,6 +103,5 @@ min-width value is the first breakpoint of the group and max-width is the last o
 
 ## What's next?
 
-- Respond-to Retina displays
-- Support for more than just `min-width` and `max-width`
-- Suggestions?
+- Support for groups with more than 2 breakpoints
+- Support for more media features (height, device-dimensions, orientation, retina displays, …)

data/lib/responder/version.rb

@@ -1,3 +1,3 @@
 module Responder
-  VERSION = "0.0.1.alpha.1"
+  VERSION = "0.0.1.alpha.2"
 end

data/scss/{respond-to.scss → responder/_respond-to.scss}

@@ -1,47 +1,5 @@
 // =============================================================================
-// Media Queries
-//
-// Magic media queries for your Compass project. You define the breakpoints,
-// Respond-to takes care of the rest.
-//
-// More info, installation and usage:
-// https://github.com/danielguillan/respond-to
-//
-// Table of contents:
-// 1. Variables
-// 2. Initialization
-// 3. Breakpoint Groups
-// 4. Respond-to mixin
-//
-// =============================================================================
-
-@import 'functions';
-
-// =============================================================================
-// 1. Variables
-// =============================================================================
-
-$breakpoint-names: ();
-$breakpoint-values: ();
-$breakpoint-groups: ();
-
-// =============================================================================
-// 2. Initialization
-// =============================================================================
-
-@mixin respond-to-breakpoints($breakpoints...) {
-
-	@if length($breakpoints) > 1 {
-		$breakpoint-names: getBreakpointNames($breakpoints);
-		$breakpoint-values: getBreakpointValues($breakpoints);
-		$breakpoint-groups: createBreakpointGroups($breakpoint-names,$breakpoint-values);
-	}@else {
-		@warn 'respond-to-breakpoints requires at least 2 breakpoints';
-	}
-}
-
-// =============================================================================
-// 3. Respond-to mixin
+// Respond-to mixin
 // =============================================================================
 
 @mixin respond-to($breakpoint) {
@@ -49,7 +7,7 @@ $breakpoint-groups: ();
 	$breakpoint-info: getBreakpointInfo($breakpoint);
 
 	@if $breakpoint-info == 'error' {
-		@warn '[ERROR] Invalid breakpoint paramenter';
+		@warn '[ERROR] Invalid breakpoint parameter';
 	} @else {
 		$breakpoint-name: nth($breakpoint-info, 1);
 		$breakpoint-extend: nth($breakpoint-info, 2);

data/scss/responder.scss

@@ -0,0 +1,40 @@
+// =============================================================================
+// Responder
+//
+// Magic media queries for your Compass project. You define the breakpoints,
+// Respond-to takes care of the rest.
+//
+// More info, installation and usage:
+// https://github.com/danielguillan/respond-to
+//
+// Table of contents:
+// 1. Variables
+// 2. Initialization
+//
+// =============================================================================
+
+@import 'responder/respond-to';
+@import 'responder/functions';
+
+// =============================================================================
+// 1. Variables
+// =============================================================================
+
+$breakpoint-names: ();
+$breakpoint-values: ();
+$breakpoint-groups: ();
+
+// =============================================================================
+// 2. Initialization
+// =============================================================================
+
+@mixin respond-to-breakpoints($breakpoints...) {
+
+	@if length($breakpoints) > 1 {
+		$breakpoint-names: getBreakpointNames($breakpoints);
+		$breakpoint-values: getBreakpointValues($breakpoints);
+		$breakpoint-groups: createBreakpointGroups($breakpoint-names,$breakpoint-values);
+	}@else {
+		@warn 'respond-to-breakpoints requires at least 2 breakpoints';
+	}
+}

data/test/css/style.css

@@ -2,338 +2,349 @@
 body {
   font: 16px/21px "Helvetica Neue", Arial, sans-serif;
 }
+@media (min-width: 320px) and (max-width: 600px) {
+  /* line 17, ../scss/style.scss */
+  body {
+    font-size: 95%;
+  }
+}
 
-/* line 21, ../scss/style.scss */
+/* line 24, ../scss/style.scss */
 .wrapper {
   margin: 0 auto;
   padding: 0 1em;
   max-width: 1000px;
 }
 
-/* line 40, ../scss/style.scss */
+/* line 30, ../scss/style.scss */
+tr > td:first-child {
+  width: 80%;
+}
+
+/* line 45, ../scss/style.scss */
 .mq-mixins-test {
   width: 100%;
 }
-/* line 46, ../scss/style.scss */
+/* line 51, ../scss/style.scss */
 .mq-mixins-test tbody .response-example {
   text-align: center;
   color: #ccc;
 }
-/* line 49, ../scss/style.scss */
+/* line 54, ../scss/style.scss */
 .mq-mixins-test tbody .response-example .isResponding {
   display: none;
 }
 @media (min-width: 320px) and (max-width: 600px) {
-  /* line 55, ../scss/style.scss */
+  /* line 60, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile .isInactive {
     display: none;
   }
 }
 @media (min-width: 320px) and (max-width: 480px) {
-  /* line 60, ../scss/style.scss */
+  /* line 65, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait .isInactive {
     display: none;
   }
 }
 @media (min-width: 480px) and (max-width: 600px) {
-  /* line 65, ../scss/style.scss */
+  /* line 70, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape .isInactive {
     display: none;
   }
 }
 @media (min-width: 600px) and (max-width: 992px) {
-  /* line 71, ../scss/style.scss */
+  /* line 76, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet .isInactive {
     display: none;
   }
 }
 @media (min-width: 600px) and (max-width: 768px) {
-  /* line 77, ../scss/style.scss */
+  /* line 82, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait .isInactive {
     display: none;
   }
 }
 @media (min-width: 768px) and (max-width: 992px) {
-  /* line 83, ../scss/style.scss */
+  /* line 88, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape .isInactive {
     display: none;
   }
 }
 @media (min-width: 992px) {
-  /* line 89, ../scss/style.scss */
+  /* line 94, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop .isInactive {
     display: none;
   }
 }
 @media (min-width: 320px) {
-  /* line 98, ../scss/style.scss */
+  /* line 103, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-up .isInactive {
     display: none;
   }
 }
 @media (min-width: 320px) {
-  /* line 103, ../scss/style.scss */
+  /* line 108, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-up .isInactive {
     display: none;
   }
 }
 @media (min-width: 480px) {
-  /* line 108, ../scss/style.scss */
+  /* line 113, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-up .isInactive {
     display: none;
   }
 }
 @media (min-width: 600px) {
-  /* line 114, ../scss/style.scss */
+  /* line 119, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-up .isInactive {
     display: none;
   }
 }
 @media (min-width: 600px) {
-  /* line 120, ../scss/style.scss */
+  /* line 125, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-up .isInactive {
     display: none;
   }
 }
 @media (min-width: 768px) {
-  /* line 126, ../scss/style.scss */
+  /* line 131, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-up .isInactive {
     display: none;
   }
 }
 @media (min-width: 992px) {
-  /* line 132, ../scss/style.scss */
+  /* line 137, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-up {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-up .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-up .isInactive {
     display: none;
   }
 }
 @media (max-width: 600px) {
-  /* line 141, ../scss/style.scss */
+  /* line 146, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-and-below .isInactive {
     display: none;
   }
 }
 @media (max-width: 480px) {
-  /* line 146, ../scss/style.scss */
+  /* line 151, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-portrait-and-below .isInactive {
     display: none;
   }
 }
 @media (max-width: 600px) {
-  /* line 151, ../scss/style.scss */
+  /* line 156, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-mobile-landscape-and-below .isInactive {
     display: none;
   }
 }
 @media (max-width: 992px) {
-  /* line 157, ../scss/style.scss */
+  /* line 162, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-below .isInactive {
     display: none;
   }
 }
 @media (max-width: 768px) {
-  /* line 163, ../scss/style.scss */
+  /* line 168, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-portrait-and-below .isInactive {
     display: none;
   }
 }
 @media (max-width: 992px) {
-  /* line 169, ../scss/style.scss */
+  /* line 174, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape-and-below .isInactive {
     display: none;
   }
 }
 @media (min-width: 992px) {
-  /* line 175, ../scss/style.scss */
+  /* line 180, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-below {
     background: #a7e040;
     color: white;
   }
-  /* line 36, ../scss/style.scss */
+  /* line 41, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-below .isResponding {
     display: inline;
   }
-  /* line 37, ../scss/style.scss */
+  /* line 42, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-below .isInactive {
     display: none;
   }

data/test/index.html

@@ -13,7 +13,19 @@
 			<h1>Responder mixin testing</h1>
 		</header>
 
-		<h2>Only</h2>
+		<h2>Test breakpoints</h2>
+		<ul>
+			<li>mobile-portrait 320px</li>
+			<li>mobile-landscape 480px</li>
+			<li>tablet-portrait 600px</li>
+			<li>tablet-landscape 768px</li>
+			<li>desktop 992px</li>
+		</ul>
+
+		<h2>Respond-to mixin</h2>
+		<p>Resize your browser!</p>
+
+		<h3>Only</h3>
 		<table class="mq-mixins-test">
 			<thead>
 				<tr>
@@ -55,7 +67,7 @@
 
 		<hr>
 
-		<h2>And-Up</h2>
+		<h3>And-Up</h3>
 		<table class="mq-mixins-test">
 			<thead>
 				<tr>
@@ -97,7 +109,7 @@
 
 		<hr>
 
-		<h2>And-Below</h2>
+		<h3>And-Below</h3>
 		<table class="mq-mixins-test">
 			<thead>
 				<tr>

data/test/scss/style.scss

@@ -3,7 +3,7 @@
 //
 // =============================================================================
 
-@import "respond-to";
+@import "responder";
 
 @include respond-to-breakpoints( mobile-portrait 320px,
 								 mobile-landscape 480px,
@@ -16,6 +16,9 @@ $green: #a7e040;
 
 body {
 	font: 16px/21px 'Helvetica Neue', Arial, sans-serif;
+	@include respond-to(mobile-only) {
+		font-size: 95%;
+	}
 }
 
 .wrapper {
@@ -24,6 +27,8 @@ body {
 	max-width: 1000px;
 }
 
+tr > td:first-child { width: 80%;  }
+
 // =============================================================================
 // Respond-to Media Queries
 // =============================================================================

metadata

@@ -1,71 +1,80 @@
---- !ruby/object:Gem::Specification
+--- !ruby/object:Gem::Specification 
 name: responder
-version: !ruby/object:Gem::Version
-  version: 0.0.1.alpha.1
+version: !ruby/object:Gem::Version 
+  hash: -1490146870
   prerelease: 6
+  segments: 
+  - 0
+  - 0
+  - 1
+  - alpha
+  - 2
+  version: 0.0.1.alpha.2
 platform: ruby
-authors:
+authors: 
 - Daniel Guillan
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-09-30 00:00:00.000000000 Z
-dependencies:
-- !ruby/object:Gem::Dependency
+
+date: 2012-10-02 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
@@ -74,40 +83,49 @@ files:
 - lib/responder.rb
 - lib/responder/version.rb
 - responder.gemspec
-- scss/functions.scss
-- scss/respond-to.scss
+- scss/responder.scss
+- scss/responder/_respond-to.scss
+- scss/responder/functions.scss
 - test/config.rb
 - test/css/style.css
 - test/index.html
 - 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: 4469443832490834780
-required_rubygems_version: !ruby/object:Gem::Requirement
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
   none: false
-  requirements:
-  - - ! '>'
-    - !ruby/object:Gem::Version
+  requirements: 
+  - - ">"
+    - !ruby/object:Gem::Version 
+      hash: 25
+      segments: 
+      - 1
+      - 3
+      - 1
       version: 1.3.1
 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.css
 - test/index.html