dap-design-system/dist/components/notification-badge/notification-badge.scss.js

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

const i = "*,*: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;position:relative;width:max-content;--dds-notification-badge-size: var(--dds-spacing-500);--dds-notification-badge-min-width: var(--dds-spacing-500);--dds-notification-badge-height: var(--dds-spacing-500);--dds-notification-badge-padding: 0 var(--dds-spacing-150);--dds-notification-badge-border-radius: var(--dds-radius-base);--dds-notification-badge-font-size: var(--dds-font-xs);--dds-notification-badge-dot-size: var(--dds-spacing-200);--dds-notification-badge-circular-offset-x: 20px;--dds-notification-badge-circular-offset-y: -20px;--dds-notification-badge-color: var(--dds-background-neutral-medium);--dds-notification-badge-neutral-bg: var(--dds-text-neutral-subtle);--dds-notification-badge-brand-bg: var(--dds-text-brand-subtle);--dds-notification-badge-info-bg: var(--dds-text-informative-subtle);--dds-notification-badge-positive-bg: var(--dds-text-positive-subtle);--dds-notification-badge-warning-bg: var(--dds-text-warning-subtle);--dds-notification-badge-negative-bg: var(--dds-text-negative-subtle)}.notification-badge__info{transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;position:absolute;z-index:1;box-sizing:border-box;flex-flow:row wrap;align-items:center;justify-content:center;min-width:var(--dds-notification-badge-min-width);height:var(--dds-notification-badge-height);padding:var(--dds-notification-badge-padding);border-radius:var(--dds-notification-badge-border-radius);background-color:var(--dds-notification-badge-neutral-bg);color:var(--dds-notification-badge-color);font-size:var(--dds-notification-badge-font-size);line-height:1}.notification-badge__info--neutral{background-color:var(--dds-notification-badge-neutral-bg)}.notification-badge__info--brand{background-color:var(--dds-notification-badge-brand-bg)}.notification-badge__info--info{background-color:var(--dds-notification-badge-info-bg)}.notification-badge__info--positive{background-color:var(--dds-notification-badge-positive-bg)}.notification-badge__info--warning{background-color:var(--dds-notification-badge-warning-bg)}.notification-badge__info--negative{background-color:var(--dds-notification-badge-negative-bg)}.notification-badge__info--dot{width:var(--dds-notification-badge-dot-size);min-width:var(--dds-notification-badge-dot-size);height:var(--dds-notification-badge-dot-size);padding:0;color:transparent}.notification-badge__info--round{border-radius:var(--dds-radius-rounded)}.notification-badge__info--top-start{top:0;left:0;transform:scale(1) translate(-50%,-50%);transform-origin:0% 0%}.notification-badge__info--top-end{top:0;right:0;transform:scale(1) translate(50%,-50%);transform-origin:100% 0%}.notification-badge__info--bottom-start{bottom:0;left:0;transform:scale(1) translate(-50%,50%);transform-origin:0% 100%}.notification-badge__info--bottom-end{right:0;bottom:0;transform:scale(1) translate(50%,50%);transform-origin:100% 100%}.notification-badge__info--hidden{transform:scale(0) translate(50%,-50%)}.notification-badge__info--circular.notification-badge__info--top-start{top:50%;left:50%;transform:translate(calc(-50% + var(--dds-notification-badge-circular-offset-x) - 50%),calc(-50% + var(--dds-notification-badge-circular-offset-y) - 50%))}.notification-badge__info--circular.notification-badge__info--top-end{top:50%;right:50%;transform:translate(calc(50% + var(--dds-notification-badge-circular-offset-x) + 50%),calc(-50% + var(--dds-notification-badge-circular-offset-y) - 50%))}.notification-badge__info--circular.notification-badge__info--bottom-start{bottom:50%;left:50%;transform:translate(calc(-50% + var(--dds-notification-badge-circular-offset-x) - 50%),calc(50% + var(--dds-notification-badge-circular-offset-y) + 50%))}.notification-badge__info--circular.notification-badge__info--bottom-end{right:50%;bottom:50%;transform:translate(calc(50% + var(--dds-notification-badge-circular-offset-x) + 50%),calc(50% + var(--dds-notification-badge-circular-offset-y) + 50%))}";
export {
  i as default
};
//# sourceMappingURL=notification-badge.scss.js.map