diff --git a/less/responsive-utilities.less b/less/responsive-utilities.less index 082109e5e8..e6a8bf7e9a 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; } }