_tables.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // Tables
  2. table {
  3. th {
  4. font-size: $table-th-font-size;
  5. font-weight: 400;
  6. }
  7. td {
  8. font-size: $table-td-font-size;
  9. font-weight: 300;
  10. }
  11. &.table {
  12. thead th {
  13. border-top: none;
  14. }
  15. th,
  16. td {
  17. padding-top: $table-th-padding-top;
  18. padding-bottom: $table-td-padding-bottom;
  19. }
  20. a {
  21. margin: 0;
  22. color: $table-a-color;
  23. // &.btn {
  24. // color: inherit;
  25. // }
  26. }
  27. .label-table {
  28. margin: 0;
  29. padding: 0;
  30. line-height: $table-label-height;
  31. height: $table-label-line-height;
  32. }
  33. &.btn-table {
  34. td {
  35. vertical-align: middle;
  36. }
  37. }
  38. }
  39. &.table-hover {
  40. tbody {
  41. tr {
  42. &:hover {
  43. transition: $table-hover-transition;
  44. background-color: $table-hover-background-color;
  45. }
  46. }
  47. }
  48. }
  49. .th-lg {
  50. min-width: $table-th-lg-min-width;
  51. }
  52. .th-sm {
  53. min-width: $table-th-sm-min-width;
  54. }
  55. &.table-sm {
  56. th,
  57. td {
  58. padding-top: $table-sm-padding-y;
  59. padding-bottom: $table-sm-padding-y;
  60. }
  61. }
  62. }
  63. .table-scroll-vertical {
  64. max-height: $table-scroll-vertical-max-height;
  65. overflow-y: auto;
  66. }
  67. .table-fixed {
  68. table-layout: fixed;
  69. }
  70. .table-responsive,
  71. .table-responsive-sm,
  72. .table-responsive-md,
  73. .table-responsive-lg,
  74. .table-responsive-xl {
  75. > .table-bordered {
  76. border-top: 1px solid #dee2e6;
  77. }
  78. }