Make .table-responsive usable as mixin

diff --git a/less/tables.less b/less/tables.less
index c41989c04d2d0d484ad337017936603fb2a5efa2..d5c0afd010086e492f035386bb88e26bf7f30442 100644 (file)
--- a/less/tables.less
+++ b/less/tables.less
@@ -168,8 +168,8 @@ table {
 // by enabling horizontal scrolling. Only applies <768px. Everything above that
 // will display normally.
 
-@media (max-width: @screen-xs-max) {
-  .table-responsive {
+.table-responsive {
+  @media (max-width: @screen-xs-max) {
     width: 100%;
     margin-bottom: (@line-height-computed * 0.75);
     overflow-y: hidden;