deprecate @screen-{phone,tablet,desktop} vars

diff --git a/less/carousel.less b/less/carousel.less
index c468d435cd305be642ec71fb673c25d599a85201..de5e4c936937110e37342df2d08ce4c2fa727ef8 100644 (file)
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -183,7 +183,7 @@
 
 
 // Scale up controls for tablets and up
-@media screen and (min-width: @screen-tablet) {
+@media screen and (min-width: @screen-sm) {
 
   // Scale up the controls a smidge
   .carousel-control .icon-prev,

diff --git a/less/forms.less b/less/forms.less
index f87b6027649d89ef3c54eae3aa0b8cebd06b1ef4..a02df1e3d2c67cbb1e7d2dc39bb757d868cfec11 100644 (file)
--- a/less/forms.less
+++ b/less/forms.less
@@ -289,7 +289,7 @@ input[type="checkbox"],
 .form-inline {
 
   // Kick in the inline
-  @media (min-width: @screen-tablet) {
+  @media (min-width: @screen-sm) {
     // Inline-block all the things for "inline"
     .form-group  {
       display: inline-block;
@@ -345,7 +345,7 @@ input[type="checkbox"],
   }
 
   // Only right align form labels here when the columns stop stacking
-  @media (min-width: @screen-tablet) {
+  @media (min-width: @screen-sm) {
     .control-label {
       text-align: right;
     }

diff --git a/less/grid.less b/less/grid.less
index 44e38994ef268b4ad92eb5175c59595a056e293c..d3a3cf6bca53078e333f710a22b782f07eb547a0 100644 (file)
--- a/less/grid.less
+++ b/less/grid.less
@@ -114,7 +114,7 @@
 // Note that `.col-sm-12` doesn't get floated on purpose—there's no need since
 // it's full-width.
 
-@media (min-width: @screen-tablet) {
+@media (min-width: @screen-sm) {
   .container {
     max-width: @container-tablet;
   }
@@ -192,7 +192,7 @@
 // Note that `.col-md-12` doesn't get floated on purpose—there's no need since
 // it's full-width.
 
-@media (min-width: @screen-desktop) {
+@media (min-width: @screen-md) {
   .container {
     max-width: @container-desktop;
   }

diff --git a/less/jumbotron.less b/less/jumbotron.less
index 8f482af527032f7e647db01783fb5e16e99280a4..53289fb2c93794ae92a692e890575de1324fc5ee 100644 (file)
--- a/less/jumbotron.less
+++ b/less/jumbotron.less
@@ -24,7 +24,7 @@
     border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
   }
 
-  @media screen and (min-width: @screen-tablet) {
+  @media screen and (min-width: @screen-sm) {
     padding-top:    (@jumbotron-padding * 1.6);
     padding-bottom: (@jumbotron-padding * 1.6);
 

diff --git a/less/modals.less b/less/modals.less
index 7bc6c314fe99ec5bb42b5709faa404cad30f22f8..f886fb25ceb7b42efeb27680f3a99b6513ed7faa 100644 (file)
--- a/less/modals.less
+++ b/less/modals.less
@@ -125,7 +125,7 @@
 }
 
 // Scale up the modal
-@media screen and (min-width: @screen-tablet) {
+@media screen and (min-width: @screen-sm) {
 
   .modal-dialog {
     left: 50%;

diff --git a/less/variables.less b/less/variables.less
index fa623e283e0cb4c01d3d1332519783432ac878d3..b2547493aaa2ed6e7b2967e7a1f1fdf3af43216b 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -201,19 +201,19 @@
 
 // Extra small screen / phone
 @screen-xs:                  480px;
-@screen-phone:               @screen-xs;
+@screen-phone:               @screen-xs;// NOTE: Deprecated in favor of @screen-xs
 
 // Small screen / tablet
 @screen-sm:                  768px;
-@screen-tablet:              @screen-sm;
+@screen-tablet:              @screen-sm;// NOTE: Deprecated in favor of @screen-sm
 
 // Medium screen / desktop
 @screen-md:                  992px;
-@screen-desktop:             @screen-md;
+@screen-desktop:             @screen-md;// NOTE: Deprecated in favor of @screen-md
 
 // Large screen / wide desktop
 @screen-lg:                  1200px;
-@screen-lg-desktop:          @screen-lg;
+@screen-lg-desktop:          @screen-lg;// NOTE: Deprecated in favor of @screen-lg
 
 // So media queries don't overlap when required, provide a maximum
 @screen-xs-max:              (@screen-sm - 1);
@@ -229,7 +229,7 @@
 // Padding, to be divided by two and applied to the left and right of all columns
 @grid-gutter-width:         30px;
 // Point at which the navbar stops collapsing
-@grid-float-breakpoint:     @screen-tablet;
+@grid-float-breakpoint:     @screen-sm;
 
 
 // Navbar