woocommerce/assets/css/menu.scss

190 lines
3.1 KiB
SCSS

/**
* menu.scss
* Styles applied to dashboard menu items added via WooCommerce.
* Adds icons to top level menu items, etc.
*/
/**
* Imports
*/
@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: 0.9em;
line-height: 1.2;
}
}
#woocommerce-update {
.updating-message {
.wc_plugin_upgrade_notice {
display: none;
}
}
.dummy {
display: none;
}
.wc_plugin_upgrade_notice {
font-weight: normal;
color: #fff !important;
background: #d54d21 !important;
padding: 1em !important;
margin: 9px 0 !important;
a {
color: #fff;
text-decoration: underline;
}
&::before {
color: #fff !important;
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;
}
&.minor,
&.major {
&::before {
float: left !important;
}
p {
padding: 0 0 0 2em;
margin: 0;
&::before {
content: '';
display: none;
}
}
ul {
margin-top: .5em;
margin-bottom: 0;
margin-left: 2em;
list-style: disc inside;
}
li {
margin: 0;
}
}
&.minor {
$minor_text_color: #96588a;
border-left: 5px solid #96588a;
background: #ECDBD4 !important;
color: $minor_text_color !important;
a,
p,
li,
&::before {
color: $minor_text_color !important;
}
}
&.major {
$major_text_color: #fff;
background: #96588a !important;
a,
p,
li,
&::before {
color: $major_text_color !important;
}
}
}
}
#wc_untested_extensions_modal {
display: none;
}
.wc_untested_extensions_modal_container {
#TB_closeAjaxWindow {
display: none;
}
#TB_ajaxContent {
height: 100% !important;
// Hide extra paragraphs sanitizing might inject.
p:not(.woocommerce-actions) {
display: none;
}
}
}
.wc_untested_extensions_modal--content {
h1 {
margin-top: 1em;
padding-bottom: 1.25em;
margin-bottom: 1.25em;
border-bottom: 1px solid #eee;
color: #555;
}
h4 {
margin-bottom: 2em;
}
.plugin-details {
color: red;
font-weight: bold;
display: list-item;
margin-left: 1.5em;
}
.actions {
border-top: 1px solid #eee;
margin-top: 2.5em;
padding-top: 1em;
.woocommerce-actions {
display: inline-block;
}
.update-anyways {
float: right;
}
.cancel a {
display: inline-block;
margin-top: .5em;
color: #999;
}
}
}