_tables.scss 2.5 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: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
  8. border-radius: map-deep-get($config-woocommerce, "table", "border", "radius");
  9. margin-bottom: map-deep-get($config-global, "spacing", "vertical");
  10. th {
  11. padding: map-deep-get($config-woocommerce, "table", "padding");
  12. line-height: map-deep-get($config-global, "font", "line-height", "body");
  13. }
  14. td {
  15. border-top: none;
  16. padding: map-deep-get($config-woocommerce, "table", "padding");
  17. word-break: break-word;
  18. }
  19. tr {
  20. border-bottom: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
  21. }
  22. tfoot td,
  23. tfoot th,
  24. tbody th {
  25. border-top-color: map-deep-get($config-woocommerce, "table", "border", "color");
  26. }
  27. }
  28. table.shop_attributes {
  29. border-top-color: map-deep-get($config-woocommerce, "table", "border", "color");
  30. border-top-style: solid;
  31. margin-bottom: map-deep-get($config-global, "spacing", "vertical");
  32. border-bottom: map-deep-get($config-woocommerce, "table", "border", "width") solid map-deep-get($config-woocommerce, "table", "border", "color");
  33. th {
  34. padding: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
  35. border-bottom-color: map-deep-get($config-woocommerce, "table", "border", "color");
  36. border-bottom-style: solid;
  37. line-height: map-deep-get($config-global, "font", "line-height", "body");
  38. }
  39. td {
  40. font-style: inherit;
  41. border-bottom-color: map-deep-get($config-woocommerce, "table", "border", "color");
  42. border-bottom-style: solid;
  43. line-height: map-deep-get($config-global, "font", "line-height", "body");
  44. padding: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
  45. p {
  46. margin: 0;
  47. padding-top: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
  48. padding-bottom: (0.5 * map-deep-get($config-woocommerce, "table", "padding"));
  49. }
  50. }
  51. tr:nth-child(even) td,
  52. tr:nth-child(even) th {
  53. background: map-deep-get($config-global, "color", "background", "light");
  54. }
  55. }
  56. table.my_account_orders {
  57. font-size: map-deep-get($config-global, "font", "size", "sm");
  58. th,
  59. td {
  60. padding: #{0.5 * map-deep-get($config-woocommerce, "table", "padding")};
  61. }
  62. }
  63. table td,
  64. table th {
  65. border: inherit;
  66. }
  67. }