woocommerce/assets/css/menu.scss

64 lines
1.1 KiB
SCSS

/**
* 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";
font-size: 1.3em !important;
}
#adminmenu #menu-posts-product .menu-icon-post div.wp-menu-image:before {
font-family: 'WooCommerce' !important;
content: "\e01d";
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;
}
}