style-child-theme-woocommerce.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  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 mobile-cart button
  36. body[class*="woocommerce"] #page #site-navigation {
  37. &.main-navigation {
  38. #toggle-menu {
  39. border-bottom: 2px solid rgba(0, 0, 0, 0.15);
  40. }
  41. #toggle-cart {
  42. border-radius: 0;
  43. width: 100% !important;
  44. text-align: center;
  45. font-size: map-deep-get($config-header, "main-nav", "font", "size");
  46. }
  47. // Fix SVG cart icon height
  48. .woocommerce-cart-link .svg-icon {
  49. height: 1em;
  50. width: 1em;
  51. }
  52. // Fix currnet-menu-item text color on mobile
  53. @include media(mobile-only) {
  54. & > div {
  55. padding-left: #{map-deep-get($config-global, "spacing", "unit")};
  56. padding-right: #{map-deep-get($config-global, "spacing", "unit")};
  57. }
  58. ul li.current-menu-item a {
  59. color: map-deep-get($config-global, "color", "background", "default");
  60. }
  61. }
  62. }
  63. }