1 files changed, 46 insertions, 54 deletions

diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less
index 082109e5e..38dd9639a 100644
--- a/less/responsive-utilities.less
+++ b/less/responsive-utilities.less
@@ -29,99 +29,91 @@
 // Hide from screenreaders and browsers
 // Credit: HTML5 Boilerplate
 .hidden {
-  display: none;
-  visibility: hidden;
+  display: none !important;
+  visibility: hidden !important;
 }
 
 // Visibility utilities
 
 // For Phones
-.visible-sm   {
-  display: block !important;
-  tr& { display: table-row !important; }
-  th&,
-  td& { display: table-cell !important; }
+.visible-sm {
+  .responsive-visibility();
+}
+.visible-md {
+  .responsive-invisibility();
+}
+.visible-lg {
+  .responsive-invisibility();
 }
-.visible-md { display: none !important; }
-.visible-lg { display: none !important; }
 
-.hidden-sm { display: none !important; }
+.hidden-sm {
+  .responsive-invisibility();
+}
 .hidden-md {
-  display: block !important;
-  tr& { display: table-row !important; }
-  th&,
-  td& { display: table-cell !important; }
+  .responsive-visibility();
 }
 .hidden-lg {
-  display: block !important;
-  tr& { display: table-row !important; }
-  th&,
-  td& { display: table-cell !important; }
+  .responsive-visibility();
 }
 
 
 // Tablets & small desktops only
 @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
-  .visible-sm { display: none !important; }
+  .visible-sm {
+    .responsive-invisibility();
+  }
   .visible-md {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
+  }
+  .visible-lg {
+    .responsive-invisibility();
   }
-  .visible-lg { display: none !important; }
 
   .hidden-sm {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
+  }
+  .hidden-md {
+    .responsive-invisibility();
   }
-  .hidden-md { display: none !important; }
   .hidden-lg {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
   }
 }
 
 // For desktops
 @media (min-width: @screen-desktop) {
-  .visible-sm { display: none !important; }
-  .visible-md { display: none !important; }
+  .visible-sm {
+    .responsive-invisibility();
+  }
+  .visible-md {
+    .responsive-invisibility();
+  }
   .visible-lg {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
   }
 
   .hidden-sm {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
   }
   .hidden-md {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
+  }
+  .hidden-lg {
+    .responsive-invisibility();
   }
-  .hidden-lg { display: none !important; }
 }
 
 // Print utilities
-.visible-print { display: none !important; }
+.visible-print {
+  .responsive-invisibility();
+}
 .hidden-print  { }
 
 @media print {
   .visible-print {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility();
+  }
+  .hidden-print {
+    .responsive-invisibility();
   }
-  .hidden-print { display: none !important; }
 }