_style.scss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. /**
  2. * Structure
  3. */
  4. /**
  5. * Vertical Space - 32px
  6. */
  7. body[class*="woocommerce"] #page div.summary,
  8. body[class*="woocommerce"] #page div.product .woocommerce-tabs .panel,
  9. body[class*="woocommerce"] #page .products.related,
  10. body[class*="woocommerce"] #page .up-sells,
  11. body[class*="woocommerce"] #page .woocommerce-order,
  12. .woocommerce-account #page .entry-content .woocommerce {
  13. & > *:not(:first-child) {
  14. margin-top: var(--global--spacing-vertical);
  15. }
  16. & > *:not(:last-child) {
  17. margin-bottom: var(--global--spacing-vertical);
  18. }
  19. & > *:empty + *,
  20. & > .form-row-last {
  21. margin-top: 0;
  22. }
  23. & > *:not(img):empty {
  24. margin: 0;
  25. }
  26. }
  27. /**
  28. * Vertical Space - 16px
  29. */
  30. #woocommerce-wrapper ul.products li.product a,
  31. #woocommerce-wrapper ul.products li.product-category a,
  32. body[class*="woocommerce"] #page ul.products li.product a,
  33. body[class*="woocommerce"] #page ul.products li.product-category a,
  34. body[class*="woocommerce"] #page .cart-collaterals .cross-sells,
  35. body[class*="woocommerce"] #page .cart-collaterals .cart_totals,
  36. body[class*="woocommerce"] #page .widget_shopping_cart,
  37. body[class*="woocommerce"] #page .widget_shopping_cart_content,
  38. body[class*="woocommerce"] #page div.product form.variations_form,
  39. body[class*="woocommerce"] #page div.product form.variations_form .variations,
  40. body[class*="woocommerce"] #page div.product form.variations_form .single_variation_wrap,
  41. body[class*="woocommerce"] #page .woocommerce-Reviews #comments,
  42. body[class*="woocommerce"] #page .woocommerce-EditAccountForm,
  43. body[class*="woocommerce"] #page .woocommerce-MyAccount-content,
  44. body[class*="woocommerce"] #page .woocommerce-MyAccount-content form,
  45. body[class*="woocommerce"] #page .woocommerce-Address,
  46. body[class*="woocommerce"] #page .woocommerce-address-fields,
  47. body[class*="woocommerce"] #page .woocommerce-address-fields__field-wrapper,
  48. body[class*="woocommerce"] #page .woocommerce-billing-fields,
  49. body[class*="woocommerce"] #page .woocommerce-column--billing-address,
  50. body[class*="woocommerce"] #page .woocommerce-shipping-fields,
  51. body[class*="woocommerce"] #page .woocommerce-column--shipping-address,
  52. body[class*="woocommerce"] #page .woocommerce-products-header,
  53. body[class*="woocommerce"] #page .woocommerce-checkout,
  54. body[class*="woocommerce"] #page .woocommerce-order-downloads,
  55. body[class*="woocommerce"] #page .woocommerce-order-details,
  56. body[class*="woocommerce"] #page .woocommerce-customer-details {
  57. & > *:not(:first-child) {
  58. margin-top: var(--global--spacing-unit);
  59. }
  60. & > *:not(:last-child),
  61. & > .price {
  62. margin-bottom: var(--global--spacing-unit);
  63. }
  64. & > *:not(img):empty + *,
  65. & > .form-row-last {
  66. margin-top: 0;
  67. }
  68. & > *:empty {
  69. margin: 0;
  70. }
  71. }