From 10f23fb47dceac7dca1ec800483f2611579f3f6b Mon Sep 17 00:00:00 2001 From: Dennis Date: Sun, 27 Jul 2014 00:26:39 -0500 Subject: [PATCH] 2.0.0-rc2 Fixed hard coded value in breakpoint --- skeleton/core/_config.scss | 5 ++--- skeleton/themes/sphenoid/_skeleton.scss | 2 +- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/skeleton/core/_config.scss b/skeleton/core/_config.scss index 2c9bf4c..8e3c5fa 100644 --- 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 index 0c6a127..9b9260b 100644 --- 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); }