dap-design-system/dist/components/scroll-progress/scroll-progress.scss.js

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

const r = "*,*: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:block;position:fixed;z-index:var(--dds-scroll-progress-z-index, 1000);top:0;right:0;left:0;--dds-scroll-progress-track-color: var(--dds-neutral-200);--dds-scroll-progress-fill-color-neutral: var(--dds-icon-neutral-base);--dds-scroll-progress-fill-color-brand: var(--dds-icon-brand-subtle);--dds-scroll-progress-fill-color-negative: var(--dds-icon-negative-subtle);--dds-scroll-progress-fill-color-positive: var(--dds-icon-positive-subtle);--dds-scroll-progress-fill-color-inverted: var(--dds-icon-neutral-inverted);--dds-scroll-progress-transition: width .1s ease-out;--dds-scroll-progress-height-xs: 2px;--dds-scroll-progress-height-sm: 4px;--dds-scroll-progress-height-md: 6px}:host([target]){position:sticky}.scroll-progress{width:100%}.scroll-progress__track{width:100%;overflow:hidden;border-radius:0 0 var(--dds-radius-sm) var(--dds-radius-sm);background-color:var(--dds-scroll-progress-track-color)}.scroll-progress__fill{height:100%;transition:var(--dds-scroll-progress-transition);border-radius:0 0 var(--dds-radius-sm) 0;background-color:var(--dds-scroll-progress-fill-color-brand)}.scroll-progress--xs .scroll-progress__track{height:var(--dds-scroll-progress-height-xs)}.scroll-progress--sm .scroll-progress__track{height:var(--dds-scroll-progress-height-sm)}.scroll-progress--md .scroll-progress__track{height:var(--dds-scroll-progress-height-md)}.scroll-progress--neutral .scroll-progress__fill{background-color:var(--dds-scroll-progress-fill-color-neutral)}.scroll-progress--brand .scroll-progress__fill{background-color:var(--dds-scroll-progress-fill-color-brand)}.scroll-progress--negative .scroll-progress__fill{background-color:var(--dds-scroll-progress-fill-color-negative)}.scroll-progress--positive .scroll-progress__fill{background-color:var(--dds-scroll-progress-fill-color-positive)}.scroll-progress--inverted .scroll-progress__track{background-color:#fff3}.scroll-progress--inverted .scroll-progress__fill{background-color:var(--dds-scroll-progress-fill-color-inverted)}@media (prefers-reduced-motion: reduce){.scroll-progress__fill{transition:none}}";
export {
  r as default
};
//# sourceMappingURL=scroll-progress.scss.js.map