Merge pull request #8291 from cvrebert/refactor

refactor responsive-utilities slightly

1 files changed, 15 insertions, 39 deletions

diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less
index 082109e5e..e6a8bf7e9 100644
--- a/less/responsive-utilities.less
+++ b/less/responsive-utilities.less
@@ -34,29 +34,26 @@
 }
 
 // Visibility utilities
-
-// For Phones
-.visible-sm   {
+.responsive-visibility() {
   display: block !important;
   tr& { display: table-row !important; }
   th&,
   td& { display: table-cell !important; }
 }
+
+// For Phones
+.visible-sm   {
+  .responsive-visibility;
+}
 .visible-md { display: none !important; }
 .visible-lg { display: none !important; }
 
 .hidden-sm { display: none !important; }
 .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;
 }
 
 
@@ -64,25 +61,16 @@
 @media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) {
   .visible-sm { display: none !important; }
   .visible-md {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility;
   }
   .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 { display: none !important; }
   .hidden-lg {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility;
   }
 }
 
@@ -91,23 +79,14 @@
   .visible-sm { display: none !important; }
   .visible-md { display: none !important; }
   .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 { display: none !important; }
 }
@@ -118,10 +97,7 @@
 
 @media print {
   .visible-print {
-    display: block !important;
-    tr& { display: table-row !important; }
-    th&,
-    td& { display: table-cell !important; }
+    .responsive-visibility;
   }
   .hidden-print { display: none !important; }
 }