woocommerce/plugins/woocommerce-admin/client/components/order-status/style.scss

27 lines
494 B
SCSS

/** @format */
.woocommerce-order-status {
display: flex;
align-items: center;
}
.woocommerce-order-status__indicator {
width: 16px;
height: 16px;
display: block;
background: $core-grey-light-700;
margin-right: $gap-smallest * 2;
border-radius: 50%;
border: 3px solid $core-grey-light-500;
&.is-processing {
background: $valid-green;
border-color: lighten($valid-green, 20%);
}
&.is-on-hold {
background: $notice-yellow;
border-color: lighten($notice-yellow, 20%);
}
}