dap-design-system/dist/components/tray/tray.scss.js

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

const t = "*,*: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{--dds-tray-width-side: 250px;--dds-tray-min-width-horizontal: 400px;--dds-tray-min-height-horizontal: 300px;--dds-tray-min-height-vertical: 100%;--dds-tray-transform-duration: .3s;--dds-tray-transform-timing: ease-in-out;position:fixed;z-index:1000;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}:host([open]){pointer-events:auto}.modal:not([open]){visibility:hidden}:host([placement=left]) .modal{right:unset;width:var(--dds-tray-width-side);min-height:var(--dds-tray-min-height-vertical);margin:0;transform:translate(-100%);transition:transform var(--dds-tray-transform-duration) var(--dds-tray-transform-timing);border-top-left-radius:0;border-bottom-left-radius:0}:host([placement=left]) .modal[open]{transform:translate(0)}:host([placement=bottom]) .modal{top:unset;min-width:var(--dds-tray-min-width-horizontal);min-height:var(--dds-tray-min-height-horizontal);transform:translateY(100%);transition:transform var(--dds-tray-transform-duration) var(--dds-tray-transform-timing);border-bottom-right-radius:0;border-bottom-left-radius:0}:host([placement=bottom]) .modal[open]{transform:translate(0)}:host([placement=top]) .modal{bottom:unset;min-width:var(--dds-tray-min-width-horizontal);min-height:var(--dds-tray-min-height-horizontal);transform:translateY(-100%);transition:transform var(--dds-tray-transform-duration) var(--dds-tray-transform-timing);border-top-left-radius:0;border-top-right-radius:0}:host([placement=top]) .modal[open]{transform:translate(0)}:host([placement=right]) .modal{left:unset;width:var(--dds-tray-width-side);min-height:var(--dds-tray-min-height-vertical);margin:0;transform:translate(100%);transition:transform var(--dds-tray-transform-duration) var(--dds-tray-transform-timing);border-top-right-radius:0;border-bottom-right-radius:0}:host([placement=right]) .modal[open]{transform:translate(0)}";
export {
  t as default
};
//# sourceMappingURL=tray.scss.js.map