style-child-theme-woocommerce.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /**
  2. * WooCommerce Styles
  3. * - These styles should only be loaded when WooCommerce is active
  4. */
  5. /**
  6. * Abstracts
  7. * - Functions and config
  8. */
  9. @import "../../varia/sass/abstracts/functions";
  10. @import "../../varia/sass/abstracts/config-global";
  11. /**
  12. * Child Theme Name Config
  13. */
  14. @import "config-child-theme-deep";
  15. /**
  16. * WooCommerce Config
  17. */
  18. @import "config-child-theme-woocommerce";
  19. /**
  20. * Varia Mixins
  21. */
  22. @import "../../varia/sass/abstracts/mixins";
  23. /**
  24. * Varia Responsive logic
  25. */
  26. @import "../../varia/sass/abstracts/responsive-logic";
  27. /**
  28. * Varia Extends
  29. */
  30. @import "../../varia/sass/base/extends";
  31. /**
  32. * WooCommerce Styles
  33. */
  34. @import "../../varia/sass/vendors/woocommerce/style";
  35. // Fix margins for header layout
  36. @include media(mobile) {
  37. body[class*="woocommerce"] #page .main-navigation > div:not(:last-of-type) {
  38. margin-right: 0;
  39. }
  40. body[class*="woocommerce"] #page .main-navigation > div:last-of-type {
  41. margin-left: #{map-deep-get($config-global, "spacing", "unit")};
  42. }
  43. }
  44. // Fix mini-cart padding
  45. body[class*="woocommerce"] #page .main-navigation .woocommerce-cart-widget {
  46. padding: #{map-deep-get($config-global, "spacing", "unit")};
  47. }