_reboot-bootstrap-tables.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @use '../bootstrap/init' as *;
  2. //
  3. //
  4. // Apply partially
  5. // https://github.com/twbs/bootstrap/blob/v4.5.0/scss/_tables.scss
  6. //
  7. //
  8. .table {
  9. color: $color-table;
  10. background-color: $bgcolor-table; // Reset for nesting within parents with `background-color`.
  11. th,
  12. td {
  13. border-top-color: $border-color-table;
  14. }
  15. thead th {
  16. border-bottom-color: $border-color-table;
  17. }
  18. tbody + tbody {
  19. border-top-color: $border-color-table;
  20. }
  21. }
  22. .table-bordered {
  23. border-color: $border-color-table;
  24. th,
  25. td {
  26. border-color: $border-color-table;
  27. }
  28. }
  29. .table-hover {
  30. tbody tr {
  31. @include hover() {
  32. color: $color-table-hover;
  33. background-color: $bgcolor-table-hover;
  34. }
  35. }
  36. }
  37. .table-dark {
  38. color: $table-dark-color;
  39. background-color: $table-dark-bg;
  40. th,
  41. td,
  42. thead th {
  43. border-color: $table-dark-border-color;
  44. }
  45. &.table-bordered {
  46. border: 0;
  47. }
  48. &.table-striped {
  49. tbody tr:nth-of-type(#{$table-striped-order}) {
  50. background-color: $table-dark-accent-bg;
  51. }
  52. }
  53. &.table-hover {
  54. tbody tr {
  55. @include hover() {
  56. color: $table-dark-hover-color;
  57. background-color: $table-dark-hover-bg;
  58. }
  59. }
  60. }
  61. }