_mixins.scss 752 B

12345678910111213141516171819202122232425262728293031
  1. @use 'sass:map';
  2. @use 'sass:meta';
  3. @use '../../styles/settings';
  4. @use './variables' as *;
  5. @mixin avatar-sizes ($map: $avatar-sizes) {
  6. @each $sizeName, $multiplier in settings.$size-scales {
  7. $size: map.get($map, 'height') + (8 * $multiplier);
  8. &.v-avatar--size-#{$sizeName} {
  9. --v-avatar-height: #{$size};
  10. }
  11. }
  12. }
  13. @mixin avatar-density ($properties, $densities) {
  14. @each $density, $multiplier in $densities {
  15. $value: calc(var(--v-avatar-height) + #{$multiplier * settings.$spacer});
  16. &.v-avatar--density-#{$density} {
  17. @if meta.type-of($properties) == "list" {
  18. @each $property in $properties {
  19. #{$property}: $value;
  20. }
  21. }
  22. @else {
  23. #{$properties}: $value;
  24. }
  25. }
  26. }
  27. }