/**
 * menu.scss
 * Styles applied to dashboard menu items added via WooCommerce.
 * Adds icons to top level menu items, etc.
 */

/**
 * Imports
 */
@import "bourbon";
@import "mixins";
@import "variables";
@import "fonts";

/**
 * Styling begins
 */
#adminmenu #toplevel_page_woocommerce .menu-icon-generic div.wp-menu-image:before {
	font-family: 'WooCommerce' !important;
	content: "\e03d";
}

#adminmenu #menu-posts-product .menu-icon-post div.wp-menu-image:before,
#adminmenu #menu-posts-product .menu-icon-product div.wp-menu-image:before {
	font-family: 'WooCommerce' !important;
	content: "\e006";
}

#adminmenu #toplevel_page_wc-reports .menu-icon-generic div.wp-menu-image:before {
	font-family: 'WooCommerce' !important;
	content: "\e023";
	font-size: 1.3em !important;
}

span.mce_woocommerce_shortcodes_button {
	background-image: none !important;
	@include ir();

	&:before {
		@include icon( "\e01d" );
		font-size: .9em;
		line-height: 1.2;
	}
}

.wc_plugin_upgrade_notice {
	font-weight: normal;
	color: #fff;
	background: #d54d21;
	padding: 1em;
	margin: 9px 0;

	a {
		color: #fff;
		text-decoration: underline;
	}

	&:before {
		content: "\f348";
		display: inline-block;
		font: 400 18px/1 dashicons;
		speak: none;
		margin: 0 8px 0 -2px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		vertical-align: top;
	}
}