@primer/view-components/app/components/primer/beta/avatar_stack.css.json

ViewComponents for the Primer Design System

{
  "name": "beta/avatar_stack",
  "selectors": [
    ".AvatarStack",
    ".AvatarStack .AvatarStack-body",
    ".AvatarStack.AvatarStack--two",
    ".AvatarStack.AvatarStack--three-plus",
    ".AvatarStack-body",
    ".AvatarStack-body .avatar",
    ":is(.AvatarStack-body .avatar):first-child",
    ":is(.AvatarStack-body .avatar):last-child",
    ":is(.AvatarStack-body .avatar) img",
    ".AvatarStack-body span:nth-child(n+4) .avatar",
    ":is(.AvatarStack-body .avatar):nth-child(n+4)",
    ":is(.AvatarStack-body:hover:not([data-disable-expand]),.AvatarStack-body:focus-within:not([data-disable-expand])) .avatar",
    ":is(.AvatarStack-body:hover:not([data-disable-expand]),.AvatarStack-body:focus-within:not([data-disable-expand])) .avatar:nth-child(n+4)",
    ":is(.AvatarStack-body:hover:not([data-disable-expand]),.AvatarStack-body:focus-within:not([data-disable-expand])) span:nth-child(n+4) .avatar",
    ":is(.AvatarStack-body:hover:not([data-disable-expand]),.AvatarStack-body:focus-within:not([data-disable-expand])) .avatar-more",
    ".AvatarStack-body[data-disable-expand]",
    ".avatar.avatar-more",
    ".avatar.avatar-more:after",
    ".avatar.avatar-more:before",
    ".AvatarStack--right .AvatarStack-body",
    ":is(.AvatarStack--right .AvatarStack-body):hover:not([data-disable-expand]) .avatar",
    ".AvatarStack--right .avatar.avatar-more",
    ":is(.AvatarStack--right .avatar.avatar-more):before",
    ":is(.AvatarStack--right .avatar.avatar-more):after",
    ".AvatarStack--right .avatar"
  ]
}