2.0.0-rc2

Fixed hard coded value in breakpoint
atomicpages · Jul 27, 2014 · 10f23fb · 10f23fb
1 parent da7e120
commit 10f23fb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/skeleton/core/_config.scss b/skeleton/core/_config.scss
@@ -35,12 +35,11 @@ $base-gutter-width: 20px !global; // The space between columns
 $base-col-count: 16 !global; // The number of columns
 $base-width: if($is-fluid, 98%, ($base-col-width + $base-gutter-width) * $base-col-count) !global; // Calculated
 
-// BREAKPOINTS AND CONTAINER WIDTHS
+// BREAKPOINTS
 $tablet-width: 768px !global; // the tablet width media query
-
 $mobile-portrait-width: 300px !global; // the mobile portrait media query
 $mobile-landscape-width: 420px !global; // the mobile landscape media query
-	$mobile-fluid-width: 100%; // this value is not used with breakpoints, it is used in generating a fluid grid for mobile devices
+$mobile-fluid-width: 100%; // this value is not used with breakpoints, it is used in generating a fluid grid for mobile devices
 
 // ------ CHANGE MAY CAUSE UNDESIRED RESULTS
 $base-font-size: 10px !global; // the font size in the html element so we can use ems and rems in a friendly way

diff --git a/skeleton/themes/sphenoid/_skeleton.scss b/skeleton/themes/sphenoid/_skeleton.scss
@@ -64,7 +64,7 @@
 
 /* MOBILE (LANDSCAPE)
  * ------------------------------------------------ */
-@media only screen and (min-width: 480px) and (max-width: $tablet-width - 1) {
+@media only screen and (min-width: $mobile-landscape-width + 60) and (max-width: $tablet-width - 1) {
 	@include mobileGrid($mobile-landscape-width, $is-fluid, $base-col-count);
 }