fix: adjust some deep selectors

kiva · Aug 15, 2024 · 15f31cb · 15f31cb
1 parent 7f2f204
commit 15f31cb
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Kv/KvLightbox.vue b/src/components/Kv/KvLightbox.vue
@@ -194,7 +194,7 @@ export default {
 		overflow: hidden;
 
 		// dynamically added div from vue-focus-lock
-		:deep(& > [data-lock]) {
+		:deep(> [data-lock]) {
 			width: 100%;
 		}
 	}

diff --git a/src/components/Payment/BraintreeDropInInterface.vue b/src/components/Payment/BraintreeDropInInterface.vue
@@ -281,7 +281,7 @@ $border-width: 1px;
 // Use [data-braintree-id=""] selectors whenever possible as
 // Braintree guarantees that these will not be easily changed.
 #dropin-container {
-	:deep {
+	:deep(*) {
 		// Main DropIn
 		.braintree-dropin {
 			font-family: inherit;

diff --git a/src/components/Thanks/ThanksLayoutV2.vue b/src/components/Thanks/ThanksLayoutV2.vue
@@ -425,9 +425,9 @@ export default {
 		width: 100%;
 		display: inline-block;
 
-		:deep(&) .monthly-good-cta,
-		:deep(&) .checkout-receipt,
-		:deep(&) .share {
+		:deep(.monthly-good-cta),
+		:deep(.checkout-receipt),
+		:deep(.share) {
 			text-align: left;
 
 			&__headline {
@@ -443,7 +443,7 @@ export default {
 	}
 
 	&__content-area--share {
-		:deep(&) {
+		:deep(*) {
 			$loan-circle-size: rem-calc(70);
 			$loan-circle-margin: 1rem;
 			$loan-triangle-size: rem-calc(12);
@@ -565,7 +565,7 @@ export default {
 	}
 
 	&__content-area--receipt {
-		:deep(&) {
+		:deep(*) {
 			.checkout-receipt {
 				padding: 1.5rem;
 			}

diff --git a/src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue b/src/pages/LandingPages/CorporateCampaign/CCLandingPage.vue
@@ -1745,7 +1745,7 @@ export default {
 			width: 58.75rem;
 		}
 
-		:deep(&) {
+		:deep(*) {
 			.full-details-link,
 			.close-button-wrapper,
 			.info-panel a,