diff --git a/.changeset/hot-starfishes-raise.md b/.changeset/hot-starfishes-raise.md new file mode 100644 index 000000000..f8d5906e3 --- /dev/null +++ b/.changeset/hot-starfishes-raise.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Update avatar size variable to support list size configuration diff --git a/.changeset/shaggy-buttons-eat.md b/.changeset/shaggy-buttons-eat.md new file mode 100644 index 000000000..f8d5906e3 --- /dev/null +++ b/.changeset/shaggy-buttons-eat.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Update avatar size variable to support list size configuration diff --git a/core/scss/ui/_avatars.scss b/core/scss/ui/_avatars.scss index 55bace649..bab57db25 100644 --- a/core/scss/ui/_avatars.scss +++ b/core/scss/ui/_avatars.scss @@ -1,5 +1,5 @@ .avatar { - --#{$prefix}avatar-size: #{$avatar-size}; + --#{$prefix}avatar-size: var(--#{$prefix}avatar-list-size, #{$avatar-size}); --#{$prefix}avatar-status-size: #{$avatar-status-size}; --#{$prefix}avatar-bg: #{$avatar-bg}; --#{$prefix}avatar-box-shadow: #{$avatar-box-shadow}; @@ -63,6 +63,8 @@ // Avatar list // .avatar-list { + --#{$prefix}avatar-list-size: 3rem; + @include elements-list; a.avatar {