woocommerce/plugins/woocommerce-admin/client/dashboard/style.scss

104 lines
1.9 KiB
SCSS
Raw Normal View History

2018-08-02 23:10:55 +00:00
/** @format */
.woocommerce-dashboard__columns {
2018-08-06 22:34:47 +00:00
display: grid;
grid-template-columns: calc(50% - #{$gap-large/2}) calc(50% - #{$gap-large/2});
grid-column-gap: $gap-large;
2018-08-02 23:10:55 +00:00
// Auto-position fix for IE11.
> div {
@include set-grid-item-position( 2, 14 );
}
@include breakpoint( '<960px' ) {
grid-template-columns: 100%;
> div {
@include set-grid-item-position( 1, 14 );
}
2018-08-02 23:10:55 +00:00
}
}
.woocommerce-dashboard__widget {
display: flex;
align-items: center;
text-align: center;
}
.woocommerce-dashboard__widget-item {
flex: 1;
}
2019-04-30 00:35:37 +00:00
.woocommerce-dashboard-section__add-more {
margin: 0 auto;
width: 84px;
padding: 0 $gap-large $gap-large;
2019-04-30 00:35:37 +00:00
.components-popover__content {
padding: 0 $gap $gap-smaller;
}
}
.woocommerce-dashboard-section__add-more-choices {
display: flex;
justify-content: center;
}
.woocommerce-dashboard-section__add-more-btn {
display: flex;
flex-direction: column;
align-items: center;
padding: $gap;
margin: $gap-smaller;
.dashicons-arrow-right-alt {
transform: rotate(-45deg);
}
}
.woocommerce-dashboard-section__add-more-btn-title {
color: $core-grey-dark-300;
padding-top: 8px;
}
.woocommerce-dashboard-section-controls {
border-top: $border-width solid $core-grey-light-500;
padding-top: $gap-smaller;
.dashicon {
margin: 0 $gap-smaller 0 0;
vertical-align: bottom;
}
.woocommerce-ellipsis-menu__item {
padding-bottom: 10px;
}
}
.woocommerce-dashboard__body {
background: $muriel-gray-0;
color: $muriel-gray-600;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;
#wpbody-content {
min-height: 100vh;
}
/* Hide wp-admin and WooCommerce elements when the dashboard body class is present */
#adminmenumain,
.woocommerce-layout__header,
.update-nag,
.woocommerce-store-alerts,
.woocommerce-message,
.notice,
.error,
.updated {
display: none;
}
#wpcontent {
margin-left: 0;
}
}