fix(_loading.scss): change mixin to template, remove margin

3YOURMIND · Dec 7, 2023 · b9076fc · b9076fc
1 parent 04de90d
commit b9076fc
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/packages/kotti-ui/source/kotti-style/_loadings.scss b/packages/kotti-ui/source/kotti-style/_loadings.scss
@@ -14,40 +14,41 @@
 	}
 }
 
-@mixin skeleton-style($bg-x, $bg-y) {
+%skeleton-style {
 	box-sizing: border-box;
 	display: block;
 	width: 100%;
-	margin: 0.4rem 0;
 	line-height: 1px;
 	background: linear-gradient(
 		to left,
 		$lightgray-300 0%,
 		$lightgray-400 50%,
 		$lightgray-300 100%
 	);
-	background-size: $bg-x $bg-y;
 	border-radius: 2px;
 	animation: 2s ease-out infinite skeleton-loading;
 }
 
 .skeleton {
 	&.circle {
-		@include skeleton-style(1000px, 1000px);
+		@extend %skeleton-style;
 
+		background-size: 1000px 1000px;
 		padding-top: 100%;
 		border-radius: 100%;
 	}
 
 	&.square {
-		@include skeleton-style(1000px, 1000px);
+		@extend %skeleton-style;
 
+		background-size: 1000px 1000px;
 		padding-top: 100%;
 	}
 
 	&.rectangle {
-		@include skeleton-style(1800px, 1200px);
+		@extend %skeleton-style;
 
+		background-size: 1800px 1200px;
 		height: 0.4rem;
 
 		&.sm {