_tables.scss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /**
  2. * Tables
  3. */
  4. body[class*="woocommerce"] #page { // adding #page here to override default wc styles without !important
  5. table.shop_table {
  6. border-collapse: collapse;
  7. border: var(--wc--table--border-width) solid var(--wc--table--border-color);
  8. border-radius: var(--wc--table--border-radius);
  9. margin-bottom: var(--global--spacing-unit);
  10. th {
  11. padding: var(--wc--table--padding);
  12. line-height: var(--global--line-height-body);
  13. }
  14. td {
  15. border-top: none;
  16. padding: var(--wc--table--padding);
  17. word-break: break-word;
  18. }
  19. tr {
  20. border-bottom: var(--wc--table--border-width) solid var(--wc--table--border-color);
  21. }
  22. tfoot td,
  23. tfoot th,
  24. tbody th {
  25. border-top-color: var(--wc--table--border-color);
  26. }
  27. }
  28. table.shop_attributes {
  29. border-top-color: var(--wc--table--border-color);
  30. border-top-style: solid;
  31. margin-bottom: var(--global--spacing-vertical);
  32. border-bottom: var(--wc--table--border-width) solid var(--wc--table--border-color);
  33. th {
  34. padding: calc(0.5 * var(--wc--table--padding));
  35. border-bottom-color: var(--wc--table--border-color);
  36. border-bottom-style: solid;
  37. line-height: var(--global--line-height-body);
  38. }
  39. td {
  40. font-style: inherit;
  41. border-bottom-color: var(--wc--table--border-color);
  42. border-bottom-style: solid;
  43. line-height: var(--global--line-height-body);
  44. padding: calc(0.5 * var(--wc--table--padding));
  45. p {
  46. margin: 0;
  47. padding-top: calc(0.5 * var(--wc--table--padding));
  48. padding-bottom: calc(0.5 * var(--wc--table--padding));
  49. }
  50. }
  51. tr:nth-child(even) td,
  52. tr:nth-child(even) th {
  53. background: var(--global--color-tertiary);
  54. }
  55. }
  56. table.my_account_orders {
  57. font-size: var(--global--font-size-sm);
  58. th,
  59. td {
  60. padding: calc(0.5 * var(--wc--table--padding));
  61. }
  62. }
  63. table td,
  64. table th {
  65. border: inherit;
  66. }
  67. }