woocommerce/plugins/woocommerce-admin/client/components/summary/style.scss

73 lines
1.3 KiB
SCSS

/** @format */
.woocommerce-summary {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #e5e8ec;
@include breakpoint( '<600px' ) {
grid-template-columns: repeat(2, 1fr);
}
@include breakpoint( '<400px' ) {
grid-template-columns: 1fr;
}
}
.woocommerce-summary__item {
margin-bottom: 0;
padding: $spacing;
width: 100%;
background: $white;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #e5e8ec;
&.is-selected {
border-top: 0;
background: #f8f9fa;
box-shadow: inset 0 4px 0 $woocommerce;
}
.woocommerce-summary__item-label,
.woocommerce-summary__item-value,
.woocommerce-summary__item-delta {
display: block;
}
.woocommerce-summary__item-label {
margin-bottom: $spacing/2;
}
.woocommerce-summary__item-value {
@include font-size( 24 );
margin-bottom: $spacing;
}
.woocommerce-summary__item-delta {
@include font-size( 11 );
}
.woocommerce-summary__item-delta-icon {
vertical-align: middle;
margin-right: 3px;
margin-top: -3px;
&.dashicons-arrow-up-alt {
transform: rotate(45deg);
fill: $valid-green;
}
&.dashicons-arrow-down-alt {
transform: rotate(-45deg);
fill: $error-red;
}
}
.woocommerce-summary__item-delta-label {
margin-left: 5px;
}
}