Variable name fix

diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less
index b83a75acfc190215eb6b681525bb069152d811d0..c756b23615c073f05de2aa7b59b36e8e57fd9b1c 100644 (file)
--- a/less/responsive-utilities.less
+++ b/less/responsive-utilities.less
@@ -37,21 +37,21 @@
 
 .visible-xs {
   .responsive-invisibility();
-  @media (max-width: @screen-phone-max) {
+  @media (max-width: @screen-xs-max) {
     .responsive-visibility();
   }
   &.visible-sm {
-    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
       .responsive-visibility();
     }
   }
   &.visible-md {
-    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+    @media (min-width: @screen-md) and (max-width: @screen-md-max) {
       .responsive-visibility();
     }    
   }
   &.visible-lg {
-    @media (min-width: @screen-large-desktop) {
+    @media (min-width: @screen-lg) {
       .responsive-visibility();
     }    
   }
@@ -59,20 +59,20 @@
 .visible-sm {
   .responsive-invisibility();
   &.visible-xs {
-    @media (max-width: @screen-phone-max) {
+    @media (max-width: @screen-xs-max) {
       .responsive-visibility();
     }    
   }
-  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+  @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
     .responsive-visibility();
   }
   &.visible-md {
-    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+    @media (min-width: @screen-md) and (max-width: @screen-md-max) {
       .responsive-visibility();
     }    
   }
   &.visible-lg {
-    @media (min-width: @screen-large-desktop) {
+    @media (min-width: @screen-lg) {
       .responsive-visibility();
     }    
   }
@@ -80,20 +80,20 @@
 .visible-md {
   .responsive-invisibility();
   &.visible-xs {
-    @media (max-width: @screen-phone-max) {
+    @media (max-width: @screen-xs-max) {
       .responsive-visibility();
     }    
   }
   &.visible-sm {
-    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
       .responsive-visibility();
     }
   }
-  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+  @media (min-width: @screen-md) and (max-width: @screen-md-max) {
     .responsive-visibility();
   }
   &.visible-lg {
-    @media (min-width: @screen-large-desktop) {
+    @media (min-width: @screen-lg) {
       .responsive-visibility();
     }    
   }
@@ -101,42 +101,42 @@
 .visible-lg {
   .responsive-invisibility();
   &.visible-xs {
-    @media (max-width: @screen-phone-max) {
+    @media (max-width: @screen-xs-max) {
       .responsive-visibility();
     }    
   }
   &.visible-sm {
-    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
       .responsive-visibility();
     }
   }
   &.visible-md {
-    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+    @media (min-width: @screen-md) and (max-width: @screen-md-max) {
       .responsive-visibility();
     }    
   }
-  @media (min-width: @screen-large-desktop) {
+  @media (min-width: @screen-lg) {
     .responsive-visibility();
   }
 }
 
 .hidden-xs {
   .responsive-visibility();
-  @media (max-width: @screen-phone-max) {
+  @media (max-width: @screen-xs-max) {
     .responsive-invisibility();
   }
   &.hidden-sm {
-    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
       .responsive-invisibility();
     }    
   }
   &.hidden-md {
-    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+    @media (min-width: @screen-md) and (max-width: @screen-md-max) {
       .responsive-invisibility();
     }    
   }
   &.hidden-lg {
-    @media (min-width: @screen-large-desktop) {
+    @media (min-width: @screen-lg) {
       .responsive-invisibility();
     }    
   }
@@ -144,20 +144,20 @@
 .hidden-sm {
   .responsive-visibility();
   &.hidden-xs {
-    @media (max-width: @screen-phone-max) {
+    @media (max-width: @screen-xs-max) {
       .responsive-invisibility();
     }
   }
-  @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+  @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
     .responsive-invisibility();
   }
   &.hidden-md {
-    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+    @media (min-width: @screen-md) and (max-width: @screen-md-max) {
       .responsive-invisibility();
     }    
   }
   &.hidden-lg {
-    @media (min-width: @screen-large-desktop) {
+    @media (min-width: @screen-lg) {
       .responsive-invisibility();
     }    
   }
@@ -165,20 +165,20 @@
 .hidden-md {
   .responsive-visibility();
   &.hidden-xs {
-    @media (max-width: @screen-phone-max) {
+    @media (max-width: @screen-xs-max) {
       .responsive-invisibility();
     }    
   }
   &.hidden-sm {
-    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
       .responsive-invisibility();
     }    
   }
-  @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+  @media (min-width: @screen-md) and (max-width: @screen-md-max) {
     .responsive-invisibility();
   }
   &.hidden-lg {
-    @media (min-width: @screen-large-desktop) {
+    @media (min-width: @screen-lg) {
       .responsive-invisibility();
     }    
   }
@@ -186,21 +186,21 @@
 .hidden-lg {
   .responsive-visibility();
   &.hidden-xs {
-    @media (max-width: @screen-phone-max) {
+    @media (max-width: @screen-xs-max) {
       .responsive-invisibility();
     }    
   }
   &.hidden-sm {
-    @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
+    @media (min-width: @screen-sm) and (max-width: @screen-sm-max) {
       .responsive-invisibility();
     }    
   }
   &.hidden-md {
-    @media (min-width: @screen-desktop) and (max-width: @screen-desktop-max) {
+    @media (min-width: @screen-md) and (max-width: @screen-md-max) {
       .responsive-invisibility();
     }    
   }
-  @media (min-width: @screen-large-desktop) {
+  @media (min-width: @screen-lg) {
     .responsive-invisibility();
   }
 }