responder 0.0.1.alpha.4 → 0.0.1.alpha.5

data/lib/responder/version.rb

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

data/scss/responder/_respond-to.scss

@@ -25,7 +25,11 @@
 			@if (index($breakpoint-names, $breakpoint-name) + 1) <= length($breakpoint-values) {
 				$max-width: nth($breakpoint-values, (index($breakpoint-names, $breakpoint-name) + 1));
 			} @else {
-				$breakpoint-extend: and-up;
+				@if $breakpoint-extend == and-below {
+					$max-width: nth($breakpoint-values, (index($breakpoint-names, $breakpoint-name)));
+				} @else {
+					$breakpoint-extend: and-up;
+				}
 			}
 
 		// If it's a breakpoint group
@@ -35,11 +39,12 @@
 		}
 
 		@if $breakpoint-extend == only {
-			@media (min-width: $min-width) and (max-width: $max-width) { @content; }
+			@media (min-width: $min-width) and (max-width: ($max-width - 1)) { @content; }
 		} @else if $breakpoint-extend == and-up {
 			@media (min-width: $min-width) { @content; }
 		} @else if $breakpoint-extend == and-below {
-			@media (max-width: $max-width) { @content; }
+			$max-width: $max-width - 1;
+			@media (max-width: ($max-width - 1)) { @content; }
 		}
 	}
 }

data/test/css/style.css

@@ -2,7 +2,7 @@
 body {
   font: 16px/21px "Helvetica Neue", Arial, sans-serif;
 }
-@media (min-width: 320px) and (max-width: 600px) {
+@media (min-width: 320px) and (max-width: 599px) {
   /* 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: 320px) and (max-width: 600px) {
+@media (min-width: 320px) and (max-width: 599px) {
   /* 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: 320px) and (max-width: 480px) {
+@media (min-width: 320px) and (max-width: 479px) {
   /* 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: 480px) and (max-width: 600px) {
+@media (min-width: 480px) and (max-width: 599px) {
   /* 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: 600px) and (max-width: 992px) {
+@media (min-width: 600px) and (max-width: 991px) {
   /* 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: 600px) and (max-width: 768px) {
+@media (min-width: 600px) and (max-width: 767px) {
   /* 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: 768px) and (max-width: 992px) {
+@media (min-width: 768px) and (max-width: 991px) {
   /* line 88, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-tablet-landscape {
     background: #a7e040;
@@ -244,7 +244,7 @@ tr > td:first-child {
     display: none;
   }
 }
-@media (max-width: 600px) {
+@media (max-width: 598px) {
   /* 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: 480px) {
+@media (max-width: 478px) {
   /* 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: 600px) {
+@media (max-width: 598px) {
   /* 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: 992px) {
+@media (max-width: 990px) {
   /* 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: 768px) {
+@media (max-width: 766px) {
   /* 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: 992px) {
+@media (max-width: 990px) {
   /* 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 (min-width: 992px) {
+@media (max-width: 990px) {
   /* line 180, ../scss/style.scss */
   .mq-mixins-test tbody .respond-to-desktop-and-below {
     background: #a7e040;

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: responder
 version: !ruby/object:Gem::Version
-  version: 0.0.1.alpha.4
+  version: 0.0.1.alpha.5
   prerelease: 6
 platform: ruby
 authors:
@@ -95,7 +95,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -4273568461005395967
+      hash: -2182936353701842624
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: