table.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .table-container {
  2. flex: 1;
  3. margin-bottom: var(--spacing-06);
  4. .table {
  5. margin-bottom: initial;
  6. }
  7. }
  8. .table-container-bordered {
  9. --table-container-border-width: var(--bs-border-width);
  10. border-color: $table-border-color;
  11. border-radius: var(--border-radius-base);
  12. border-width: var(--table-container-border-width);
  13. border-style: solid;
  14. .table {
  15. th,
  16. td {
  17. &:first-child {
  18. border-left-width: 0;
  19. }
  20. &:last-child {
  21. border-right-width: 0;
  22. }
  23. }
  24. tr:first-child {
  25. border-top-width: 0;
  26. th,
  27. td {
  28. &:first-child {
  29. border-top-left-radius: calc(
  30. var(--border-radius-base) - var(--table-container-border-width)
  31. );
  32. }
  33. }
  34. th,
  35. td {
  36. &:last-child {
  37. border-top-right-radius: calc(
  38. var(--border-radius-base) - var(--table-container-border-width)
  39. );
  40. }
  41. }
  42. }
  43. tr:last-child {
  44. border-bottom-width: 0;
  45. th,
  46. td {
  47. &:first-child {
  48. border-bottom-left-radius: calc(
  49. var(--border-radius-base) - var(--table-container-border-width)
  50. );
  51. }
  52. }
  53. th,
  54. td {
  55. &:last-child {
  56. border-bottom-right-radius: calc(
  57. var(--border-radius-base) - var(--table-container-border-width)
  58. );
  59. }
  60. }
  61. }
  62. }
  63. }