You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

tables.scss 936 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. //
  2. // Tables
  3. //
  4. // stylelint-disable max-nesting-depth, selector-no-type, selector-max-type
  5. .table-wrapper {
  6. display: block;
  7. width: 100%;
  8. max-width: 100%;
  9. margin-bottom: $sp-5;
  10. overflow-x: auto;
  11. border-radius: $border-radius;
  12. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
  13. }
  14. table {
  15. display: table;
  16. min-width: 100%;
  17. border-collapse: separate;
  18. }
  19. th,
  20. td {
  21. @include fs-3;
  22. min-width: 120px;
  23. padding-top: $sp-2;
  24. padding-right: $sp-3;
  25. padding-bottom: $sp-2;
  26. padding-left: $sp-3;
  27. background-color: $table-background-color;
  28. border-bottom: $border rgba($border-color, 0.5);
  29. border-left: $border $border-color;
  30. &:first-of-type {
  31. border-left: 0;
  32. }
  33. }
  34. tbody {
  35. tr {
  36. &:last-of-type {
  37. th,
  38. td {
  39. border-bottom: 0;
  40. }
  41. td {
  42. padding-bottom: $sp-3;
  43. }
  44. }
  45. }
  46. }
  47. thead {
  48. th {
  49. border-bottom: $border $border-color;
  50. }
  51. }