pyc-website

commit 782e7c1e7591e14519d1258c03672485c99b1635
parent e1b1daef5398e7272b8d6679b80c78047ccacc00
Author: Jul <jul@9o.is>
Date:   Tue, 24 Jun 2014 08:34:05 -0400

fixed css media query off-by-1

Diffstat:
M
src/main/webapp/less/overrides.less
 | 
6
+++---
M
src/main/webapp/less/pages/index.less
 | 
2
+-
M
src/main/webapp/less/pages/locations.less
 | 
4
++--
M
src/main/webapp/less/variables.less
 | 
1
+

4 files changed, 7 insertions(+), 6 deletions(-)
diff --git a/src/main/webapp/less/overrides.less b/src/main/webapp/less/overrides.less
@@ -13,7 +13,7 @@ body {
 			border-right: 1px solid @brand-primary;
 			background: @white;
 			padding:0 14px 10px 14px;
-			@media (max-width: @screen-sm) { 
+			@media (max-width: @screen-xs-max) { 
 				padding:0 4px 10px 4px;
 			}
 		}
@@ -175,7 +175,7 @@ body {
  * ex. class="col-xs-6 xxs-collapse col-sm-6" 
  *************************************************/
 .xxs-collapse {
-	@media (max-width: @screen-xs) {
+	@media (max-width: @screen-xxs-max) {
 		width: 100%;
 	}
 }
@@ -246,7 +246,7 @@ body {
  * Wells
  *************************************/
 .well {
-	@media(max-width: @screen-xs) {
+	@media(max-width: @screen-xxs-max) {
 		.well-sm();
 	}
 }
 \ No newline at end of file
diff --git a/src/main/webapp/less/pages/index.less b/src/main/webapp/less/pages/index.less
@@ -83,7 +83,7 @@
 	.jumbotron {
 		background: transparent;
 		
-		@media(max-width: @screen-sm) {
+		@media(max-width: @screen-xs-max) {
 			padding-left: @jumbotron-padding + 10;
 			padding-right: @jumbotron-padding + 10;
 			
diff --git a/src/main/webapp/less/pages/locations.less b/src/main/webapp/less/pages/locations.less
@@ -57,7 +57,7 @@
 			}
 			
 			h1 {
-				@media (max-width: @screen-xs) {
+				@media (max-width: @screen-xxs-max) {
 					font-size: @title-font-size * 0.75;
 					padding: 5px;
 				}
@@ -69,7 +69,7 @@
 			}
 	
 			p.message {
-				@media (max-width: @screen-xs){
+				@media (max-width: @screen-xxs-max){
 					font-size: @message-font-size * 0.85;
 					padding: 5px;
 				}
diff --git a/src/main/webapp/less/variables.less b/src/main/webapp/less/variables.less
@@ -274,6 +274,7 @@
 @screen-lg-desktop:          @screen-lg-min;
 
 // So media queries don't overlap when required, provide a maximum
+@screen-xxs-max:			 (@screen-xs-min - 1);
 @screen-xs-max:              (@screen-sm-min - 1);
 @screen-sm-max:              (@screen-md-min - 1);
 @screen-md-max:              (@screen-lg-min - 1);