| .table-responsive { |
| min-height: .01%; |
| overflow-x: auto; |
| |
| @media (max-width: @screen-xs-max) { |
| width: 100%; |
| margin-bottom: 15px; |
| overflow-y: hidden; |
| -ms-overflow-style: -ms-autohiding-scrollbar; |
| } |
| } |
| |
| .table { |
| background-color: transparent; |
| |
| border-spacing: 0; |
| border-collapse: collapse; |
| border: 1px solid #ddd; |
| |
| width: 100%; |
| max-width: 100%; |
| |
| th { |
| font-weight: 500; |
| text-align: left; |
| background-color: #f9f9f9; |
| border-bottom: 1px solid #ddd; |
| white-space: nowrap; |
| } |
| |
| th, |
| td { |
| padding: 3px 6px; |
| border: 1px solid #ddd; |
| vertical-align: top; |
| } |
| |
| td { |
| // dont wrap whitespace for smaller screens |
| // since tables are going to scroll anyway |
| white-space: nowrap; |
| |
| @media (min-width: @screen-md-min) { |
| white-space: normal; |
| } |
| } |
| |
| a { |
| word-break: normal; |
| } |
| } |