tables.stack-default-breakpoint.css 934 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @media (max-width: 39.9375em) {
  2. .tablesaw-stack thead td,
  3. .tablesaw-stack thead th {
  4. display: none;
  5. }
  6. .tablesaw-stack tbody td,
  7. .tablesaw-stack tbody th {
  8. clear: left;
  9. float: left;
  10. width: 100%;
  11. }
  12. .tablesaw-cell-label {
  13. vertical-align: top;
  14. }
  15. .tablesaw-cell-content {
  16. max-width: 67%;
  17. display: inline-block;
  18. }
  19. .tablesaw-stack td:empty,
  20. .tablesaw-stack th:empty {
  21. display: none;
  22. }
  23. }
  24. /* Media query to show as a standard table at 560px (35em x 16px) or wider */
  25. @media (min-width: 40em) {
  26. .tablesaw-stack tr {
  27. display: table-row;
  28. }
  29. /* Show the table header rows */
  30. .tablesaw-stack td,
  31. .tablesaw-stack th,
  32. .tablesaw-stack thead td,
  33. .tablesaw-stack thead th {
  34. display: table-cell;
  35. margin: 0;
  36. }
  37. /* Hide the labels in each cell */
  38. .tablesaw-stack td .tablesaw-cell-label,
  39. .tablesaw-stack th .tablesaw-cell-label {
  40. display: none !important;
  41. }
  42. }