tables.styl 609 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .table-container {
  2. overflow: auto;
  3. }
  4. table {
  5. border-collapse: collapse;
  6. border-spacing: 0;
  7. font-size: $table-font-size;
  8. margin: 0 0 20px 0;
  9. width: 100%;
  10. }
  11. tbody tr {
  12. &:nth-of-type(odd) {
  13. background: var(--table-row-odd-bg-color);
  14. }
  15. &:hover {
  16. background: var(--table-row-hover-bg-color);
  17. }
  18. }
  19. caption, th, td {
  20. font-weight: normal;
  21. padding: 8px;
  22. vertical-align: middle;
  23. }
  24. th, td {
  25. border: 1px solid $table-border-color;
  26. border-bottom: 3px solid $table-cell-border-bottom-color;
  27. }
  28. th {
  29. font-weight: 700;
  30. padding-bottom: 10px;
  31. }
  32. td {
  33. border-bottom-width: 1px;
  34. }