table.scss 834 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. .table-container {
  2. flex: 1;
  3. margin-bottom: var(--spacing-06);
  4. background-color: var(--white);
  5. .table {
  6. margin-bottom: initial;
  7. }
  8. }
  9. .table {
  10. tr {
  11. &:last-child {
  12. td {
  13. border-bottom-width: 0;
  14. }
  15. }
  16. }
  17. th,
  18. td {
  19. a {
  20. text-decoration: none;
  21. }
  22. }
  23. }
  24. .table-container-bordered {
  25. padding: var(--spacing-04);
  26. border-color: $table-border-color;
  27. border-radius: var(--border-radius-base);
  28. border-width: var(--bs-border-width);
  29. border-style: solid;
  30. }
  31. .table-hover {
  32. th {
  33. &:hover {
  34. background-color: $table-hover-bg;
  35. }
  36. }
  37. }
  38. .table-striped {
  39. tr,
  40. td {
  41. border-top-width: 0;
  42. border-bottom-width: 0;
  43. }
  44. > tbody > tr:nth-of-type(#{$table-striped-order}) {
  45. &:hover > * {
  46. --#{$prefix}table-hover-bg: var(--bg-light-tertiary);
  47. }
  48. }
  49. }