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

63 lines
1.1 KiB
SCSS

/** @format */
.woocommerce-dashboard__columns {
display: grid;
grid-template-columns: calc(50% - #{$gap-large/2}) calc(50% - #{$gap-large/2});
grid-column-gap: $gap-large;
// 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 );
}
}
}
.woocommerce-dashboard__widget {
display: flex;
align-items: center;
text-align: center;
}
.woocommerce-dashboard__widget-item {
flex: 1;
}
.woocommerce-dashboard-section__add-more {
margin: 0 auto;
width: 84px;
padding: 0 $gap-large $gap-large;
.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;
}