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; -}