49 lines
1.1 KiB
SCSS
49 lines
1.1 KiB
SCSS
.woocommerce-analytics__table-placeholder {
|
|
.woocommerce-card__body {
|
|
padding: 0;
|
|
}
|
|
|
|
.woocommerce-table__table {
|
|
margin-bottom: 0;
|
|
|
|
tr:last-child {
|
|
border-bottom-style: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
// @todo Once we switch to the Gutenberg `Card` component, we should probably
|
|
// drop this class and override all cards within the wc-admin scope or make an
|
|
// exportable card based on the Gutenberg component that houses wc-admin styles.
|
|
.woocommerce-analytics__card {
|
|
border-radius: 0;
|
|
border: 1px solid $gray-400;
|
|
box-shadow: none;
|
|
margin-bottom: $gap-large;
|
|
|
|
&:hover {
|
|
box-shadow: none;
|
|
}
|
|
|
|
@include breakpoint( '<782px' ) {
|
|
border-left: none;
|
|
border-right: none;
|
|
margin-left: -16px;
|
|
margin-right: -16px;
|
|
}
|
|
|
|
> .woocommerce-card__header {
|
|
padding: ( $gap - 3 ) $gap;
|
|
border-bottom: 1px solid $gray-400;
|
|
border-radius: 0;
|
|
|
|
> .woocommerce-card__title-wrapper > .woocommerce-card__title {
|
|
// EllipsisMenu is 24px, so to match we add 6px padding around the
|
|
// heading text, which we know is 18px from line-height.
|
|
padding: 3px 0;
|
|
@include font-size( 15 );
|
|
font-weight: 600;
|
|
}
|
|
}
|
|
}
|