Make demo text CSS more specific

WordPress · Apr 11, 2024 · 6bb02a9 · 6bb02a9
1 parent 890fa18
commit 6bb02a9
Showing 1 changed file with 9 additions and 14 deletions.
diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/style.scss b/packages/edit-site/src/components/global-styles/font-library-modal/style.scss
@@ -73,25 +73,20 @@
 		color: $gray-700;
 	}
 
+	.font-library-modal__font-variant_demo-image {
+		display: block;
+		height: $grid-unit-30;
+		width: auto;
+	}
+
 	.font-library-modal__font-variant_demo-text {
 		white-space: nowrap;
-		text-overflow: ellipsis;
+		flex-shrink: 0;
+		transition: opacity 0.3s ease-in-out;
+		@include reduce-motion("transition");
 	}
 }
 
-.font-library-modal__font-variant_demo-image {
-	display: block;
-	height: $grid-unit-30;
-	width: auto;
-}
-
-.font-library-modal__font-variant_demo-text {
-	white-space: nowrap;
-	flex-shrink: 0;
-	transition: opacity 0.3s ease-in-out;
-	@include reduce-motion("transition");
-}
-
 .font-library-modal__font-variant {
 	border-bottom: 1px solid $gray-200;
 	padding-bottom: $grid-unit-20;