shuffle things around on the way to a bootstrap-based configurable website

1 files changed, 59 insertions, 39 deletions

diff --git a/assets/css/lib/bootstrap/_responsive-utilities.scss b/assets/css/bootstrap-3.3.2/responsive-utilities.less
index 4d9e13b..b1db31d 100644
--- a/assets/css/lib/bootstrap/_responsive-utilities.scss
+++ b/assets/css/bootstrap-3.3.2/responsive-utilities.less
@@ -25,8 +25,12 @@
 
 // Visibility utilities
 // Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0
-
-@include responsive-invisibility('.visible-xs, .visible-sm, .visible-md, .visible-lg');
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  .responsive-invisibility();
+}
 
 .visible-xs-block,
 .visible-xs-inline,
@@ -43,96 +47,109 @@
   display: none !important;
 }
 
-@media (max-width: $screen-xs-max) {
-  @include responsive-visibility('.visible-xs');
+.visible-xs {
+  @media (max-width: @screen-xs-max) {
+    .responsive-visibility();
+  }
 }
 .visible-xs-block {
-  @media (max-width: $screen-xs-max) {
+  @media (max-width: @screen-xs-max) {
     display: block !important;
   }
 }
 .visible-xs-inline {
-  @media (max-width: $screen-xs-max) {
+  @media (max-width: @screen-xs-max) {
     display: inline !important;
   }
 }
 .visible-xs-inline-block {
-  @media (max-width: $screen-xs-max) {
+  @media (max-width: @screen-xs-max) {
     display: inline-block !important;
   }
 }
 
-@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-  @include responsive-visibility('.visible-sm');
+.visible-sm {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    .responsive-visibility();
+  }
 }
 .visible-sm-block {
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
     display: block !important;
   }
 }
 .visible-sm-inline {
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
     display: inline !important;
   }
 }
 .visible-sm-inline-block {
-  @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
     display: inline-block !important;
   }
 }
 
-@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-  @include responsive-visibility('.visible-md');
+.visible-md {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    .responsive-visibility();
+  }
 }
 .visible-md-block {
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
     display: block !important;
   }
 }
 .visible-md-inline {
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
     display: inline !important;
   }
 }
 .visible-md-inline-block {
-  @media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
     display: inline-block !important;
   }
 }
 
-@media (min-width: $screen-lg-min) {
-  @include responsive-visibility('.visible-lg');
+.visible-lg {
+  @media (min-width: @screen-lg-min) {
+    .responsive-visibility();
+  }
 }
 .visible-lg-block {
-  @media (min-width: $screen-lg-min) {
+  @media (min-width: @screen-lg-min) {
     display: block !important;
   }
 }
 .visible-lg-inline {
-  @media (min-width: $screen-lg-min) {
+  @media (min-width: @screen-lg-min) {
     display: inline !important;
   }
 }
 .visible-lg-inline-block {
-  @media (min-width: $screen-lg-min) {
+  @media (min-width: @screen-lg-min) {
     display: inline-block !important;
   }
 }
 
-@media (max-width: $screen-xs-max) {
-  @include responsive-invisibility('.hidden-xs');
+.hidden-xs {
+  @media (max-width: @screen-xs-max) {
+    .responsive-invisibility();
+  }
 }
-
-@media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) {
-  @include responsive-invisibility('.hidden-sm');
+.hidden-sm {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    .responsive-invisibility();
+  }
 }
-
-@media (min-width: $screen-md-min) and (max-width: $screen-md-max) {
-  @include responsive-invisibility('.hidden-md');
+.hidden-md {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    .responsive-invisibility();
+  }
 }
-
-@media (min-width: $screen-lg-min) {
-  @include responsive-invisibility('.hidden-lg');
+.hidden-lg {
+  @media (min-width: @screen-lg-min) {
+    .responsive-invisibility();
+  }
 }
 
 
@@ -141,11 +158,12 @@
 // Media queries are placed on the inside to be mixin-friendly.
 
 // Note: Deprecated .visible-print as of v3.2.0
+.visible-print {
+  .responsive-invisibility();
 
-@include responsive-invisibility('.visible-print');
-
-@media print {
-  @include responsive-visibility('.visible-print');
+  @media print {
+    .responsive-visibility();
+  }
 }
 .visible-print-block {
   display: none !important;
@@ -169,6 +187,8 @@
   }
 }
 
-@media print {
-  @include responsive-invisibility('.hidden-print');
+.hidden-print {
+  @media print {
+    .responsive-invisibility();
+  }
 }