themes-wordpress/leven/sass/style-child-theme-woocommerce.scss

/**
 * WooCommerce Styles
 * - These styles should only be loaded when WooCommerce is active
 */

/**
 * Abstracts
 * - Functions and config
 */
@import "../../varia/sass/abstracts/functions";
@import "../../varia/sass/abstracts/config-global";

/**
 * Child Theme Name Config
 */
@import "config-child-theme-deep";

/**
 * WooCommerce Config
 */
@import "config-child-theme-woocommerce";

/**
 * Varia Mixins
 */
@import "../../varia/sass/abstracts/mixins";

/**
 * Varia Responsive Logic
 */
@import "../../varia/sass/abstracts/responsive-logic";

/**
 * Varia Extends
 */
@import "../../varia/sass/base/extends";

/**
 * WooCommerce Styles
 */
@import "../../varia/sass/vendors/woocommerce/style";

// Fix margins and positioning in menu
body[class*="woocommerce"] #page .main-navigation {

	#toggle-menu {
		position: inherit;
		top: inherit;
		right: inherit;
	}

	.woocommerce-menu-container .cart_list a,
	.woocommerce-menu-container .cart_list a:link,
	.woocommerce-menu-container .cart_list a:visited {
		color: map-deep-get($config-global, "color", "secondary", "default");
	}

	@include media(mobile) {
		text-align: right;

		& > div {
			text-align: left;
		}

		& > div:not(:last-of-type) {
			margin-right: 0;
		}

		& > div:last-of-type {
			margin-left: (2 * map-deep-get($config-global, "spacing", "unit"));
		}
	}
}