dap-design-system/dist/components/scroll-area/scroll-area.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:block;width:100%;height:100%;--dds-scroll-area-scrollbar-size: var(--dds-spacing-300, 12px);--dds-scroll-area-scrollbar-background: var(--dds-transparent-black-base);--dds-scroll-area-thumb-background: var( --dds-background-neutral-base-inverted );--dds-scroll-area-thumb-hover-background: var( --dds-background-neutral-medium-inverted );--dds-scroll-area-thumb-active-background: var( --dds-background-neutral-strong-inverted, )}.scroll-area{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--dds-scroll-area-radius, var(--dds-radius-base));background-color:var(--dds-scroll-area-background, var(--dds-background-neutral-base))}.scroll-area__viewport{width:100%;height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-area__viewport::-webkit-scrollbar{display:none}.scroll-area__scrollbar{display:flex;position:absolute;transition:opacity var(--dds-scroll-area-transition, var(--dds-transition-fast) var(--dds-easing-ease-out));border-radius:var(--dds-scroll-area-radius, var(--dds-radius-base));opacity:0;background-color:var(--dds-scroll-area-scrollbar-background, var(--dds-background-neutral-subtle));pointer-events:none}.scroll-area:hover .scroll-area__scrollbar{opacity:1;pointer-events:auto}.scroll-area__scrollbar--vertical{top:0;right:0;bottom:0;width:var(--dds-scroll-area-scrollbar-size, 12px)}.scroll-area__scrollbar--horizontal{right:0;bottom:0;left:0;height:var(--dds-scroll-area-scrollbar-size, 12px)}.scroll-area__thumb--vertical,.scroll-area__thumb--horizontal{position:absolute;transition:background-color var(--dds-scroll-area-transition, var(--dds-transition-fast) var(--dds-easing-ease-out));border-radius:var(--dds-scroll-area-radius, var(--dds-radius-base));background-color:var(--dds-scroll-area-thumb-background, var(--dds-background-neutral-interactive));pointer-events:auto}.scroll-area__scrollbar--vertical .scroll-area__thumb--vertical,.scroll-area__scrollbar--vertical .scroll-area__thumb--horizontal{width:100%}.scroll-area__scrollbar--horizontal .scroll-area__thumb--vertical,.scroll-area__scrollbar--horizontal .scroll-area__thumb--horizontal{height:100%}.scroll-area__thumb--vertical:hover,.scroll-area__thumb--horizontal:hover{background-color:var(--dds-scroll-area-thumb-hover-background, var(--dds-background-neutral-interactive-hover))}.scroll-area__thumb--vertical:active,.scroll-area__thumb--horizontal:active{background-color:var(--dds-scroll-area-thumb-active-background, var(--dds-background-neutral-interactive-active))}.scroll-area__corner{position:absolute;right:0;bottom:0;width:var(--dds-scroll-area-scrollbar-size, 10px);height:var(--dds-scroll-area-scrollbar-size, 10px);transition:opacity var(--dds-scroll-area-transition, var(--dds-transition-fast) var(--dds-easing-ease-out));opacity:0;background-color:var(--dds-scroll-area-scrollbar-background, var(--dds-background-neutral-subtle))}.scroll-area:hover .scroll-area__corner{opacity:1}";
export {
  a as default
};
//# sourceMappingURL=scroll-area.scss.js.map