Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kevin Papst
2023-05-27 01:50:07 +02:00
committed by GitHub
parent 5ec7f05f94
commit 4c8848147a
3 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/soft-mangos-tie.md Normal file
View File

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

1
src/scss/_variables.scss
View File

@@ -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;

2
src/scss/ui/_avatars.scss
View File

@@ -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)));
}
}