73 lines
1.3 KiB
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;
|
||
|
|
}
|
||
|
|
}
|