public/assets/bootstrap-rtl-3-3-4/less/tables-rtl.less

   1 //
   2 // Tables
   3 // --------------------------------------------------
   4
   5 //TODO
   6 caption {
   7   text-align: right;
   8 }
   9
  10 th {
  11   text-align: right;
  12 }
  13
  14 // Responsive tables
  15 //
  16 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
  17 // by enabling horizontal scrolling. Only applies <768px. Everything above that
  18 // will display normally.
  19
  20 .table-responsive {
  21   @media screen and (max-width: @screen-xs-max) {
  22
  23     // Special overrides for the bordered tables
  24     > .table-bordered {
  25       border: 0;
  26
  27       // Nuke the appropriate borders so that the parent can handle them
  28       > thead,
  29       > tbody,
  30       > tfoot {
  31         > tr {
  32           > th:first-child,
  33           > td:first-child {
  34             border-right: 0;
  35             border-left: initial;
  36           }
  37           > th:last-child,
  38           > td:last-child {
  39             border-left: 0;
  40             border-right: initial;
  41           }
  42         }
  43       }
  44
  45     }
  46   }
  47 }