table.scss 965 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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. }
  36. .table-container-bordered {
  37. padding: var(--spacing-04);
  38. border-color: $table-border-color;
  39. border-radius: var(--border-radius-base);
  40. border-width: var(--bs-border-width);
  41. border-style: solid;
  42. }
  43. .table-striped {
  44. tr,
  45. td,
  46. th {
  47. border-top-width: 0;
  48. border-bottom-width: 0;
  49. }
  50. > tbody > tr:nth-of-type(#{$table-striped-order}) {
  51. &:hover > * {
  52. --#{$prefix}table-hover-bg: var(--bg-light-tertiary);
  53. }
  54. }
  55. }