From 80535298ae47a7d03dabf4f7d58a7848ea3838cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Wed, 21 Dec 2022 13:16:24 +0200
Subject: [PATCH] Skeleton CSS

---
 src/assets/styles/common-skeleton.scss | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/assets/styles/common-skeleton.scss b/src/assets/styles/common-skeleton.scss
index 4714db1..f9572d6 100644
--- a/src/assets/styles/common-skeleton.scss
+++ b/src/assets/styles/common-skeleton.scss
@@ -1,6 +1,6 @@
 /* sk-w-${n} (in pixels) */
 
-$skeleton-widths: (12, 40, 56, 60, 70, 110, 200, 250, 340);
+$skeleton-widths: (12, 40, 56, 60, 70, 100, 200, 250, 340);
 @each $w in $skeleton-widths {
     .sk-w-#{$w} {
         max-width: #{$w}px;
@@ -17,6 +17,7 @@ $skeleton-heights: (6, 8, 12, 20, 24);
 @each $h in $skeleton-heights {
     .sk-h-#{$h} {
         height: #{$h}px;
+        min-height: #{$h}px;
     }
 }
 
@@ -45,14 +46,14 @@ $skeleton-heights: (6, 8, 12, 20, 24);
 
 .sk-circle {
     border-radius: 50%;
+}
 
-    &.w-24 {
-        width: 24px;
-        height: 24px;
-    }
+/* .sk-circle.w-${n} */
 
-    &.w-16 {
-        width: 16px;
-        height: 16px;
+$skeleton-circle-widths: (16, 24, 32);
+@each $w in $skeleton-circle-widths {
+    .sk-circle.w-#{$w} {
+        width: #{$w}px;
+        height: #{$w}px;
     }
 }