allow to configure avatar-list-spacing (#1602)

.changeset/soft-mangos-tie.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Add variable to configure `avatar-list` spacing

src/scss/_variables.scss

@@ -339,6 +339,7 @@ $avatar-sizes: (
 $avatar-border-radius: var(--#{$prefix}border-radius) !default;
 $avatar-font-size: $h4-font-size !default;
 $avatar-box-shadow: var(--#{$prefix}box-shadow-border) !default;
+$avatar-list-spacing: -.5;
 
 $link-decoration: none !default;
 $link-hover-decoration: underline !default;

src/scss/ui/_avatars.scss

@@ -70,7 +70,7 @@
   --#{$prefix}list-gap: 0;
 
   .avatar {
-    margin-right: calc(-.5 * var(--#{$prefix}avatar-size)) !important;
+    margin-right: calc(#{$avatar-list-spacing} * var(--#{$prefix}avatar-size)) !important;
     box-shadow: var(--#{$prefix}avatar-box-shadow), 0 0 0 2px var(--#{$prefix}card-cap-bg, var(--#{$prefix}card-bg, var(--#{$prefix}bg-surface)));
   }
 }