Use variable breakpoints instead of hardcoded number.

Automattic · Dec 2, 2024 · ef892cf · ef892cf
1 parent 13db0c1
commit ef892cf
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/client/payment-details/summary/style.scss b/client/payment-details/summary/style.scss
@@ -11,7 +11,7 @@
 .payment-details-summary {
 	display: flex;
 	flex: 1;
-	@include breakpoint( '<660px' ) {
+	@media screen and ( max-width: $break-medium ) {
 		flex-direction: column;
 	}
 
@@ -109,7 +109,7 @@
 		justify-content: initial;
 		flex-direction: column;
 		flex-wrap: nowrap;
-		@include breakpoint( '>660px' ) {
+		@media screen and ( min-width: $break-medium ) {
 			justify-content: flex-start;
 			align-items: flex-end;
 		}