_tables.scss 630 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. .table {
  2. border-collapse: separate;
  3. caption-side: top;
  4. td {
  5. touch-action: manipulation;
  6. vertical-align: middle;
  7. }
  8. th {
  9. background-color: $th-background;
  10. }
  11. th,
  12. td {
  13. > span:empty::before {
  14. content: "\200b";
  15. }
  16. }
  17. thead th {
  18. border-bottom: 0;
  19. }
  20. caption {
  21. background-color: $table-head-bg;
  22. font-weight: bold;
  23. text-align: center;
  24. }
  25. }
  26. .table-striped {
  27. > tbody > tr:nth-of-type(#{$table-striped-order}) > th {
  28. --#{$variable-prefix}table-accent-bg: #d3dce3;
  29. }
  30. }
  31. @media only screen and (min-width: 768px) {
  32. .table th.position-sticky {
  33. top: 49px;
  34. }
  35. }