table.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .table-container {
  2. flex: 1;
  3. margin-bottom: var(--spacing-06);
  4. background-color: var(--white);
  5. padding: var(--spacing-04);
  6. .table {
  7. margin-bottom: initial;
  8. }
  9. }
  10. .table {
  11. th,
  12. td {
  13. a {
  14. text-decoration: none;
  15. }
  16. }
  17. tbody {
  18. tr {
  19. &:last-child {
  20. td,
  21. th {
  22. border-bottom-width: 0;
  23. }
  24. }
  25. th[scope='row'] {
  26. font-weight: normal;
  27. }
  28. th {
  29. .form-label {
  30. font-weight: normal;
  31. }
  32. }
  33. }
  34. }
  35. .dropdown {
  36. .dropdown-table-button-toggle {
  37. @include action-button;
  38. padding: var(--spacing-04);
  39. }
  40. }
  41. }
  42. .table-container-bordered {
  43. padding: var(--spacing-04);
  44. border-color: $table-border-color;
  45. border-radius: var(--border-radius-base);
  46. border-width: var(--bs-border-width);
  47. border-style: solid;
  48. }
  49. .table-striped {
  50. tr,
  51. td,
  52. th {
  53. border-top-width: 0;
  54. border-bottom-width: 0;
  55. }
  56. > tbody > tr:nth-of-type(#{$table-striped-order}) {
  57. &:hover > * {
  58. --#{$prefix}table-hover-bg: var(--bg-light-tertiary);
  59. }
  60. }
  61. }