diff --git a/assets/js/base/components/cart-checkout/order-summary/style.scss b/assets/js/base/components/cart-checkout/order-summary/style.scss
index 739e0998036..d03c8a33c36 100644
--- a/assets/js/base/components/cart-checkout/order-summary/style.scss
+++ b/assets/js/base/components/cart-checkout/order-summary/style.scss
@@ -8,97 +8,97 @@
.wc-block-components-panel__content {
margin-bottom: 0;
}
-}
-.wc-block-components-order-summary__content {
- display: table;
- width: 100%;
-}
+ .wc-block-components-order-summary__content {
+ display: table;
+ width: 100%;
+ }
-.wc-block-components-order-summary-item {
- @include with-translucent-border(0 0 1px);
- @include font-size(small);
- display: flex;
- padding-bottom: 1px;
- padding-top: $gap;
- width: 100%;
+ .wc-block-components-order-summary-item {
+ @include with-translucent-border(0 0 1px);
+ @include font-size(small);
+ display: flex;
+ padding-bottom: 1px;
+ padding-top: $gap;
+ width: 100%;
- &:first-child {
- padding-top: 0;
- }
+ &:first-child {
+ padding-top: 0;
+ }
- &:last-child {
- > div {
- padding-bottom: 0;
+ &:last-child {
+ > div {
+ padding-bottom: 0;
+ }
+
+ &::after {
+ display: none;
+ }
}
- &::after {
- display: none;
+ .wc-block-components-product-metadata {
+ @include font-size(regular);
}
}
- .wc-block-components-product-metadata {
- @include font-size(regular);
+ .wc-block-components-order-summary-item__image,
+ .wc-block-components-order-summary-item__description {
+ display: table-cell;
+ vertical-align: top;
}
-}
-
-.wc-block-components-order-summary-item__image,
-.wc-block-components-order-summary-item__description {
- display: table-cell;
- vertical-align: top;
-}
-
-.wc-block-components-order-summary-item__image {
- width: #{$gap-large * 2};
- padding-bottom: $gap;
- position: relative;
- > img {
+ .wc-block-components-order-summary-item__image {
width: #{$gap-large * 2};
- max-width: #{$gap-large * 2};
+ padding-bottom: $gap;
+ position: relative;
+
+ > img {
+ width: #{$gap-large * 2};
+ max-width: #{$gap-large * 2};
+ }
}
-}
-.wc-block-components-order-summary-item__quantity {
- align-items: center;
- background: #fff;
- border: 2px solid;
- border-radius: 1em;
- box-shadow: 0 0 0 2px #fff;
- color: #000;
- display: flex;
- line-height: 1;
- min-height: 20px;
- padding: 0 0.4em;
- position: absolute;
- justify-content: center;
- min-width: 20px;
- right: 0;
- top: 0;
- transform: translate(50%, -50%);
- white-space: nowrap;
- z-index: 1;
-}
+ .wc-block-components-order-summary-item__quantity {
+ align-items: center;
+ background: #fff;
+ border: 2px solid;
+ border-radius: 1em;
+ box-shadow: 0 0 0 2px #fff;
+ color: #000;
+ display: flex;
+ line-height: 1;
+ min-height: 20px;
+ padding: 0 0.4em;
+ position: absolute;
+ justify-content: center;
+ min-width: 20px;
+ right: 0;
+ top: 0;
+ transform: translate(50%, -50%);
+ white-space: nowrap;
+ z-index: 1;
+ }
-.wc-block-components-order-summary-item__description {
- padding-left: $gap-large;
- padding-right: $gap-small;
- padding-bottom: $gap;
+ .wc-block-components-order-summary-item__description {
+ padding-left: $gap-large;
+ padding-right: $gap-small;
+ padding-bottom: $gap;
- p,
- .wc-block-components-product-metadata {
- line-height: 1.375;
- margin-top: #{ ($gap-large - $gap) * 0.5 };
+ p,
+ .wc-block-components-product-metadata {
+ line-height: 1.375;
+ margin-top: #{ ($gap-large - $gap) * 0.5 };
+ }
}
-}
-.wc-block-components-order-summary-item__total-price {
- font-weight: bold;
- margin-left: auto;
- text-align: right;
-}
+ .wc-block-components-order-summary-item__total-price {
+ font-weight: bold;
+ margin-left: auto;
+ text-align: right;
+ }
-.wc-block-components-order-summary-item__individual-prices {
- display: block;
+ .wc-block-components-order-summary-item__individual-prices {
+ display: block;
+ }
}
diff --git a/assets/js/base/components/cart-checkout/product-image/index.tsx b/assets/js/base/components/cart-checkout/product-image/index.tsx
index f3a0fc38574..f904a7e2f50 100644
--- a/assets/js/base/components/cart-checkout/product-image/index.tsx
+++ b/assets/js/base/components/cart-checkout/product-image/index.tsx
@@ -4,11 +4,6 @@
import { decodeEntities } from '@wordpress/html-entities';
import { PLACEHOLDER_IMG_SRC } from '@woocommerce/settings';
-/**
- * Internal dependencies
- */
-import './style.scss';
-
interface ProductImageProps {
image: { alt?: string; thumbnail?: string };
fallbackAlt: string;
@@ -37,13 +32,7 @@ const ProductImage = ( {
alt: '',
};
- return (
-
- );
+ return ;
};
export default ProductImage;
diff --git a/assets/js/base/components/cart-checkout/product-image/style.scss b/assets/js/base/components/cart-checkout/product-image/style.scss
deleted file mode 100644
index 425250caf56..00000000000
--- a/assets/js/base/components/cart-checkout/product-image/style.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-img.wc-block-components-product-image[alt=""] {
- border: 1px solid $image-placeholder-border-color;
-}