themes-wordpress/brompton/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";


body[class*="woocommerce"] #page {

	// Fix menu mini-cart alignment
	#masthead .main-navigation {
		text-align: center;
	}

	// Fix mini-cart borders
	.main-navigation > div > ul > li:hover ul.cart_list li > a,
	.main-navigation > div > ul > li.focus ul.cart_list li > a,
	.main-navigation > div > ul > li.current-menu-item ul.cart_list li > a {
		border-top: none;
	}

	@include media(mobile) {

		// Fix menu mini-cart alignment
		#masthead .main-navigation {
			text-align: center;
		}

		// Clean up mini-cart positioning
		.main-navigation > div > ul > li.woocommerce-menu-item > .sub-menu {
			right: auto;
			left: 0;
		}

		// Clean up mini-cart styles for desktop
		.main-navigation {

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

			& > div:last-of-type {
				margin-left: 0;
			}
		}
	}

	@include media(tablet) {

		// Fix menu mini-cart alignment
		#masthead .main-navigation {
			text-align: center;
		}
	}

	@include media(laptop) {

		// Fix menu mini-cart alignment
		#masthead .main-navigation {
			text-align: left;
		}
	}

	@include media(desktop) {

		// Fix menu mini-cart alignment
		#masthead .main-navigation {
			text-align: left;
		}
	}
}