vendor/assets/stylesheets/furatto/_responsive_utilities.scss in furatto-1.2.7 vs vendor/assets/stylesheets/furatto/_responsive_utilities.scss in furatto-1.3.7

@@ -12,18 +12,18 @@
 $extra-small-media: "#{$media-display} and (max-width: #{$extra-small-screen-max})" !default;
 
 $small-screen: 768px !default;
 $small-screen-max: $small-screen - 1 !default;
 $small-screen-media: "#{$media-display} and (max-width: #{$small-screen-max})" !default;
-$small-screen-range: "#{$media-display} and (min-width: #{$small-screen}) and (max-width: #{$small-screen-max})" !default;
+$small-screen-range-media: "#{$media-display} and (min-width: #{$small-screen}) and (max-width: #{$small-screen-max})" !default;
 
 $medium-screen: 992px !default;
 $medium-screen-max: $medium-screen - 1 !default;
-$medium-screen-range: "#{$media-display} and (min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
+$medium-screen-media: "#{$media-display} and (min-width: #{$medium-screen}) and (max-width: #{$medium-screen-max})" !default;
 
 $large-screen: 1200px !default;
-$large-screen-range: "#{$media-display} and (min-width: #{$large-screen})" !default;
+$large-screen-media: "#{$media-display} and (min-width: #{$large-screen})" !default;
 
 // Responsive screen orientations
 $portrait-media: "#{$media-display} and (orientation: portrait)" !default;
 $landscape-media: "#{$media-display} and (orientation: landscape)" !default;
 
@@ -33,21 +33,21 @@
   @include responsive-invisibility();
   @media #{$extra-small-media} {
     @include responsive-visibility();
   }
   &.visible-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-large {
-    @media  #{$large-screen-range} {
+    @media  #{$large-screen-media} {
       @include responsive-visibility();
     }
   }
 }
 
@@ -57,20 +57,20 @@
   &.visible-on-xsmall {
     @media #{$extra-small-media} {
       @include responsive-visibility();
     }
   }
-  @media #{$small-screen-range} {
+  @media #{$small-screen-range-media} {
     @include responsive-visibility();
   }
   &.visible-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-large {
-    @media  #{$large-screen-range} {
+    @media  #{$large-screen-media} {
       @include responsive-visibility();
     }
   }
 }
 
@@ -82,19 +82,19 @@
     @media #{$extra-small-media} {
       @include responsive-visibility();
     }
   }
   &.visible-sm {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-visibility();
     }
   }
-  @media #{$medium-screen-range} {
+  @media #{$medium-screen-media} {
     @include responsive-visibility();
   }
   &.visible-lg {
-    @media  #{$large-screen-range} {
+    @media  #{$large-screen-media} {
       @include responsive-visibility();
     }
   }
 }
 
@@ -105,20 +105,20 @@
     @media #{$extra-small-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-visibility();
     }
   }
   &.visible-on-medium {
-    @media #{$medium-screen-range} {      
+    @media #{$medium-screen-media} {      
       @include responsive-visibility();
     }
   }
-  @media #{$large-screen-range} {
+  @media #{$large-screen-media} {
     @include responsive-visibility();
   }
 }
 
 //Hidden on extra small style
@@ -126,21 +126,21 @@
   @include responsive-visibility();
   @media #{$small-screen-media} {
     @include responsive-invisibility();
   }
   &.hidden-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-large {
-    @media #{$large-screen-range} {
+    @media #{$large-screen-media} {
       @include responsive-invisibility();
     }
   }
 }
 
@@ -150,20 +150,20 @@
   &.hidden-on-xsmall {
     @media #{$extra-small-media} {
       @include responsive-invisibility();
     }
   }
-  @media #{$small-screen-range} {
+  @media #{$small-screen-range-media} {
     @include responsive-invisibility();
   }
   &.hidden-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-large {
-    @media #{$large-screen-range} {
+    @media #{$large-screen-media} {
       @include responsive-invisibility();
     }
   }
 }
 
@@ -174,19 +174,19 @@
     @media #{$extra-small-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-invisibility();
     }
   }
-  @media #{$medium-screen-range} {
+  @media #{$medium-screen-media} {
     @include responsive-invisibility();
   }
   &.hidden-on-large {
-    @media #{$large-screen-range} {
+    @media #{$large-screen-media} {
       @include responsive-invisibility();
     }
   }
 }
 
@@ -197,19 +197,19 @@
     @media #{$extra-small-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-small {
-    @media #{$small-screen-range} {
+    @media #{$small-screen-range-media} {
       @include responsive-invisibility();
     }
   }
   &.hidden-on-medium {
-    @media #{$medium-screen-range} {
+    @media #{$medium-screen-media} {
       @include responsive-invisibility();
     }
   }
-  @media #{$large-screen-range} {
+  @media #{$large-screen-media} {
     @include responsive-invisibility();
   }
 }
 
 //Portrait media styling