dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
6 lines (5 loc) • 3.35 kB
JavaScript
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:block;--dds-time-grid-gap: var(--dds-spacing-400);--dds-time-grid-padding: var(--dds-spacing-0);--dds-time-grid-column-gap: var(--dds-spacing-200);--dds-time-grid-border-radius: var(--dds-radius-base);--dds-time-grid-background: var(--dds-background-neutral-subtle);--dds-time-grid-transition: all .2s ease-in-out;--dds-time-grid-max-width: 400px;--dds-time-grid-column-max-height: 240px}.time-grid{display:flex;flex-direction:column;width:100%;max-width:var(--dds-time-grid-max-width);padding:var(--dds-time-grid-padding);transition:var(--dds-time-grid-transition);border-radius:var(--dds-time-grid-border-radius);background:var(--dds-time-grid-background);gap:var(--dds-spacing-300)}.time-columns{display:flex;gap:var(--dds-time-grid-gap);width:100%}.presets-section{display:flex;flex-wrap:wrap;padding:var(--dds-spacing-200);gap:var(--dds-spacing-200)}.time-section{display:flex;flex:1;flex-direction:column;min-width:0}.section-header{display:flex;flex-direction:column;align-items:center;justify-content:center}.time-column{display:flex;flex-direction:column;max-height:var(--dds-time-grid-column-max-height);padding:var(--dds-spacing-100);overflow-y:auto;gap:var(--dds-time-grid-column-gap)}.time-column::-webkit-scrollbar{width:6px}.time-column::-webkit-scrollbar-track{border-radius:3px;background:var(--dds-background-neutral-base)}.time-column::-webkit-scrollbar-thumb{border-radius:3px;background:var(--dds-border-neutral-strong)}.time-column::-webkit-scrollbar-thumb:hover{background:var(--dds-border-neutral-stronger)}@media (width <= 480px){.time-grid{max-width:320px;padding:var(--dds-spacing-300);gap:var(--dds-spacing-200)}.time-columns{gap:var(--dds-spacing-300)}.time-column{gap:var(--dds-spacing-150)}.time-button{min-width:50px;min-height:36px;padding:var(--dds-spacing-250);font-size:var(--dds-typography-body-xs-font-size)}.presets-section{padding:var(--dds-spacing-150);gap:var(--dds-spacing-150)}}";
export {
i as default
};
//# sourceMappingURL=time-grid.scss.js.map