responder 0.0.1.alpha.3 → 0.0.1.alpha.4

data/README.md

@@ -22,7 +22,7 @@ Finally import responder into your sass code
 
 ### 1. Define your own breakpoints
 
-Include the `respond-to-breakpoints()` mixin in your stylesheet and pass a list of desired breakpoints. Define as many as you need and give each one of them a name and a min-width value.
+Include the `respond-to-breakpoints()` mixin in your stylesheet and pass your list of custom breakpoints. Define as many as you need and give each one of them a name and a min-width value.
 
 *An example:*
 
@@ -32,7 +32,7 @@ Include the `respond-to-breakpoints()` mixin in your stylesheet and pass a list
 									 tablet-landscape 768px,
 							 		 desktop 990px);
 
-**Important:** Your list of breakpoints must always start with the smallest breakpoint and end with the bigger one.
+**Important:** Start with the smallest breakpoint and grow your list from there up to the bigger one.
 
 ### 2. Using the respond-to mixin
 
@@ -88,9 +88,7 @@ Given the example breakpoint list above, `respond-to(mobile-only)` will output t
 
 	@media screen and (min-width: 320px) and (max-width: 480px) { … }
 
-min-width value is the first breakpoint of the group and max-width is the last one. It's that simple.
-
-**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.
+min-width value is the first breakpoint of the group and max-width is the last one. You can create as many breakpoints as you need for each group. It's that simple.
 
 ### 3. There's no #3. Enjoy and build amazing stuff
 

data/lib/responder/version.rb

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

data/scss/responder/functions.scss

@@ -73,10 +73,18 @@
 			$new-group: append($new-group, nth($breakpoint-values, $current-group-index), space);
 		// New and last groups
 		} @else if $current-group-name != nth($new-group, 1) or $i == length($captured-groups) {
-			// Find the previous breakpoint value (max-width for the group)
-			$previous-breakpoint-value: nth($breakpoint-values, ($current-group-index));
+
+			// Find the current breakpoint value (max-width for the group)
+			$current-breakpoint-value: nth($breakpoint-values, ($current-group-index));
+
+			// If it's the last group and there's a higer breakpoint
+			@if $i == length($captured-groups) and length($breakpoint-values) > length($captured-groups) {
+				// Find the current breakpoint value (max-width for the group)
+				$current-breakpoint-value: nth($breakpoint-values, ($current-group-index + 1));
+			}
+
 			// The current group is ready
-			$new-group: append($new-group, $previous-breakpoint-value, space);
+			$new-group: append($new-group, $current-breakpoint-value, space);
 			// Save the final group in the groups list
 			$groups: append($groups, $new-group, comma);
 			// Start a new group adding its name and min value
@@ -84,7 +92,6 @@
 			$new-group: append($new-group, nth($breakpoint-values, $current-group-index), space);
 		}
 	}
-
 	@return $groups;
 }
 

data/test/css/style.css

@@ -79,7 +79,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (min-width: 600px) and (max-width: 768px) {
+@media (min-width: 600px) and (max-width: 992px) {
   /* line 76, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet {
     background: #a7e040;
@@ -289,7 +289,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 768px) {
+@media (max-width: 992px) {
   /* line 162, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-and-below {
     background: #a7e040;

metadata

@@ -1,80 +1,71 @@
---- !ruby/object:Gem::Specification 
+--- !ruby/object:Gem::Specification
 name: responder
-version: !ruby/object:Gem::Version 
-  hash: 1025133085
+version: !ruby/object:Gem::Version
+  version: 0.0.1.alpha.4
   prerelease: 6
-  segments: 
-  - 0
-  - 0
-  - 1
-  - alpha
-  - 3
-  version: 0.0.1.alpha.3
 platform: ruby
-authors: 
+authors:
 - Daniel Guillan
 autorequire: 
 bindir: bin
 cert_chain: []
-
-date: 2012-10-04 00:00:00 Z
-dependencies: 
-- !ruby/object:Gem::Dependency 
+date: 2012-10-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
   name: sass
-  prerelease: false
-  requirement: &id001 !ruby/object:Gem::Requirement 
+  requirement: !ruby/object:Gem::Requirement
     none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        hash: 15
-        segments: 
-        - 3
-        - 2
-        - 0
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
         version: 3.2.0
   type: :runtime
-  version_requirements: *id001
-- !ruby/object:Gem::Dependency 
-  name: compass
   prerelease: false
-  requirement: &id002 !ruby/object:Gem::Requirement 
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: 3.2.0
+- !ruby/object:Gem::Dependency
+  name: compass
+  requirement: !ruby/object:Gem::Requirement
     none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        hash: 43
-        segments: 
-        - 0
-        - 12
-        - 2
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
         version: 0.12.2
   type: :runtime
-  version_requirements: *id002
-- !ruby/object:Gem::Dependency 
-  name: rake
   prerelease: false
-  requirement: &id003 !ruby/object:Gem::Requirement 
+  version_requirements: !ruby/object:Gem::Requirement
     none: false
-    requirements: 
-    - - ">="
-      - !ruby/object:Gem::Version 
-        hash: 3
-        segments: 
-        - 0
-        version: "0"
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        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: *id003
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 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
@@ -92,40 +83,32 @@ 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 
-      hash: 3
-      segments: 
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
       - 0
-      version: "0"
-required_rubygems_version: !ruby/object:Gem::Requirement 
+      hash: -4273568461005395967
+required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
-  requirements: 
-  - - ">"
-    - !ruby/object:Gem::Version 
-      hash: 25
-      segments: 
-      - 1
-      - 3
-      - 1
+  requirements:
+  - - ! '>'
+    - !ruby/object:Gem::Version
       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