style fix

Refs: #7036
public-ui · Dec 19, 2024 · bce4058 · bce4058
1 parent 5c23144
commit bce4058
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 36 deletions.
diff --git a/packages/themes/default/src/components/toast-container.scss b/packages/themes/default/src/components/toast-container.scss
@@ -10,9 +10,7 @@
 		width: rem(440);
 	}
 
-	.kol-toast-container {
-		.kol-toast-item {
-			margin-top: rem(16);
-		}
+	.kol-toast-item {
+		margin-top: rem(16);
 	}
 }
diff --git a/packages/themes/ecl/src/ecl-ec/components/toast-container.scss b/packages/themes/ecl/src/ecl-ec/components/toast-container.scss
@@ -9,16 +9,14 @@
 		max-width: 100%;
 	}
 
-	.kol-toast-container {
-		.kol-toast-item {
-			@include kol-alert-theme;
-			display: block;
-			background-color: #fff;
-			margin-top: rem(16);
+	.kol-toast-item {
+		@include kol-alert-theme;
+		display: block;
+		background-color: #fff;
+		margin-top: rem(16);
 
-			&__alert {
-				display: block;
-			}
+		&__alert {
+			display: block;
 		}
 	}
 }
diff --git a/packages/themes/ecl/src/ecl-eu/components/toast-container.scss b/packages/themes/ecl/src/ecl-eu/components/toast-container.scss
@@ -9,24 +9,22 @@
 		max-width: 100%;
 	}
 
-	.kol-toast-container {
-		.kol-toast-item {
-			@include kol-alert-theme;
+	.kol-toast-item {
+		@include kol-alert-theme;
 
-			display: block;
-			background-color: #fff;
-			margin-top: rem(16);
+		display: block;
+		background-color: #fff;
+		margin-top: rem(16);
 
-			&__alert {
-				display: block;
-			}
+		&__alert {
+			display: block;
+		}
 
-			.heading {
-				width: 100%;
+		.heading {
+			width: 100%;
 
-				.heading-content {
-					flex: 1;
-				}
+			.heading-content {
+				flex: 1;
 			}
 		}
 	}

diff --git a/packages/themes/itzbund/src/components/toast-container.scss b/packages/themes/itzbund/src/components/toast-container.scss
@@ -10,17 +10,15 @@
 		transform: translateX(-50%);
 	}
 
-	.kol-toast-container {
-		.kol-toast-item {
-			background-color: #fff;
-			margin-top: rem(16);
+	.kol-toast-item {
+		background-color: #fff;
+		margin-top: rem(16);
 
-			.heading {
-				width: 100%;
+		.heading {
+			width: 100%;
 
-				.heading-content {
-					flex: 1;
-				}
+			.heading-content {
+				flex: 1;
 			}
 		}
 	}