dap-design-system/dist/components/avatar-group/avatar-group.scss.js

Official design system for the DÁP (dap.gov.hu)

const a = "*,*:before,*:after{box-sizing:border-box;outline:none}* :not(dap-ds-table-cell,dap-ds-table-header){margin:0;padding:0}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;background-repeat:no-repeat;background-size:cover;font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition:none;transition-duration:.01ms!important;transition-delay:1ms!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;background-attachment:initial!important;scroll-behavior:auto!important}}body,html{height:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=number]{appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{appearance:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.input-description{display:block;margin-bottom:var(--dds-spacing-200)}@keyframes dds-spin{to{transform:rotate(360deg)}}@keyframes dds-fade{0%,to{opacity:.3}50%{opacity:1}}:host{display:inline-block;--dds-avatar-group-gap: 0;--dds-avatar-group-overlap: -8px;--dds-avatar-group-border-width: var(--dds-border-width-base);--dds-avatar-group-border-color: var(--dds-border-neutral-divider);--dds-avatar-group-hover-bg: var(--dds-neutral-400);--dds-avatar-group-overflow-bg: var(--dds-neutral-300);--dds-avatar-group-overflow-color: var(--dds-neutral-700);--dds-avatar-group-overflow-border: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color);--dds-avatar-group-size-lg: var(--dds-spacing-2000);--dds-avatar-group-size-md: var(--dds-spacing-1600);--dds-avatar-group-size-sm: var(--dds-spacing-1200);--dds-avatar-group-size-xs: var(--dds-spacing-800);--dds-avatar-group-size-xxs: var(--dds-spacing-400)}.avatar-group{display:inline-flex;align-items:center}.avatar-group__avatars{display:flex;align-items:center}.avatar-group__overflow{display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;border:var(--dds-avatar-group-overflow-border);border-radius:50%;background:var(--dds-avatar-group-overflow-bg);color:var(--dds-avatar-group-overflow-color);font-size:var(--dds-font-sm);font-weight:var(--dds-font-weight-bold);line-height:1;user-select:none}.avatar-group__overflow--interactive{cursor:pointer}.avatar-group__overflow--interactive:hover{transform:scale(1.05);background:var(--dds-avatar-group-hover-bg)}.avatar-group__overflow--interactive:active{transform:scale(.95)}.avatar-group__overflow--interactive:focus{outline:none;box-shadow:0 0 0 2px var(--dds-focus-outer-ring)}.avatar-group__overflow--lg{width:var(--dds-avatar-group-size-lg);height:var(--dds-avatar-group-size-lg);font-size:var(--dds-font-lg)}.avatar-group__overflow--md{width:var(--dds-avatar-group-size-md);height:var(--dds-avatar-group-size-md);font-size:var(--dds-font-base)}.avatar-group__overflow--sm{width:var(--dds-avatar-group-size-sm);height:var(--dds-avatar-group-size-sm);font-size:var(--dds-font-sm)}.avatar-group__overflow--xs{width:var(--dds-avatar-group-size-xs);height:var(--dds-avatar-group-size-xs);font-size:var(--dds-font-xs)}.avatar-group__overflow--xxs{width:var(--dds-avatar-group-size-xxs);height:var(--dds-avatar-group-size-xxs);font-size:var(--dds-font-xs)}.avatar-group--stack .avatar-group__avatars{gap:0}.avatar-group--stack .avatar-group__overflow{margin-left:var(--dds-avatar-group-overlap)}.avatar-group--grid .avatar-group__avatars{gap:var(--dds-avatar-group-gap)}.avatar-group--grid .avatar-group__overflow{margin-left:var(--dds-avatar-group-gap)}@media (prefers-contrast: high){.avatar-group{--dds-avatar-group-border-width: var(--dds-border-width-base);--dds-avatar-group-overflow-border: var(--dds-border-width-base) solid var(--dds-border-neutral-strong)}}@media (prefers-reduced-motion: reduce){.avatar-group__overflow{transition:none}.avatar-group__overflow--interactive:hover,.avatar-group__overflow--interactive:active{transform:none}}";
export {
  a as default
};
//# sourceMappingURL=avatar-group.scss.js.map