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

112 lines
1.9 KiB
SCSS
Raw Normal View History

.woocommerce-page:not(.woocommerce-embed-page) #klarna-banner,
#klarna-kp-banner {
display: none;
}
2018-08-02 23:10:55 +00:00
.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;
}
> button svg {
fill: $gray-700;
}
2019-04-30 00:35:37 +00:00
}
.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;
&.components-button {
height: auto;
}
.store-performance__icon {
2019-04-30 00:35:37 +00:00
transform: rotate(-45deg);
}
}
.woocommerce-dashboard-section__add-more-btn-title {
color: $gray-700;
2019-04-30 00:35:37 +00:00
padding-top: 8px;
}
.woocommerce-dashboard-section-controls {
border-top: $border-width solid $gray-100;
padding-top: $gap-smaller;
.icon-control {
margin: 0 $gap-smaller 0 0;
vertical-align: bottom;
fill: $gray-700;
}
.woocommerce-ellipsis-menu__item {
padding-bottom: 10px;
}
}
.components-card .woocommerce-ellipsis-menu__toggle {
padding: 0;
}
.woocommerce-task-dashboard__body {
.woocommerce-task-dashboard__container {
.woocommerce-task-card {
max-width: 680px;
margin-left: auto;
margin-right: auto;
margin-bottom: $gap-large;
.components-card__header.is-size-large {
padding-bottom: 12px;
.woocommerce-card__menu {
margin-top: 8px;
}
}
}
}
}