_tables.scss 851 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. // Tables
  2. .table {
  3. border-collapse: collapse;
  4. border-spacing: 0;
  5. width: 100%;
  6. @if $rtl == true {
  7. text-align: right;
  8. } @else {
  9. text-align: left;
  10. }
  11. &.table-striped {
  12. tbody {
  13. tr:nth-of-type(odd) {
  14. background: $bg-color;
  15. }
  16. }
  17. }
  18. &,
  19. &.table-striped {
  20. tbody {
  21. tr {
  22. &.active {
  23. background: $bg-color-dark;
  24. }
  25. }
  26. }
  27. }
  28. &.table-hover {
  29. tbody {
  30. tr {
  31. &:hover {
  32. background: $bg-color-dark;
  33. }
  34. }
  35. }
  36. }
  37. // Tables with horizontal scrollbar
  38. &.table-scroll {
  39. display: block;
  40. overflow-x: auto;
  41. padding-bottom: .75rem;
  42. white-space: nowrap;
  43. }
  44. td,
  45. th {
  46. border-bottom: $border-width solid $border-color;
  47. padding: $unit-3 $unit-2;
  48. }
  49. th {
  50. border-bottom-width: $border-width-lg;
  51. }
  52. }