dap-design-system
Version:
Official design system for the DÁP (dap.gov.hu)
6 lines (5 loc) • 2.39 kB
JavaScript
const r = ":host{position:relative;--dds-card-border-radius: var(--dds-radius-large);--dds-card-border-width: var(--dds-border-width-base);--dds-card-border-color: var(--dds-border-neutral-divider);--dds-card-background: var(--dds-background-neutral-base);--dds-card-hover-border-color: var(--dds-border-brand-base);--dds-card-active-border-color: var(--dds-border-brand-medium);--dds-card-shadow: none;--dds-card-hover-shadow: none;--dds-card-transition-duration: var(--dds-transition-medium);--dds-card-transition-timing: var(--dds-easing-ease-in-out)}.card__highcontrast{position:absolute;width:100%;height:100%;border-radius:var(--dds-radius-large);outline:var(--dds-border-width-base) solid var(--dds-border-neutral-transparent);outline-offset:-1px;background-color:transparent;pointer-events:none}.card__highcontrast--hover:hover{border-width:var(--dds-border-width-large)}.card__highcontrast--hover:active{border-width:var(--dds-border-width-xlarge)}.card__highcontrast--noborder{display:none}button.card{padding:0;color:inherit;font-family:inherit;text-align:unset}.card{outline-color:var(--dds-focus-outer-ring);outline-offset:var(--dds-spacing-50);outline-width:var(--dds-border-width-large);transition-property:all;transition-duration:var(--dds-transition-fast);transition-timing-function:var(--dds-easing-ease-in-out);display:flex;position:relative;flex-direction:column;overflow:hidden;transition:all var(--dds-card-transition-duration) var(--dds-card-transition-timing);border-width:var(--dds-card-border-width);border-style:solid;border-radius:var(--dds-card-border-radius);border-color:var(--dds-card-border-color);background:var(--dds-card-background);background-clip:padding-box;box-shadow:var(--dds-card-shadow)}.card--disabled{pointer-events:none}.card--no-border{border-color:transparent}.card--no-padding{padding:0}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--dds-card-hover-border-color);box-shadow:var(--dds-card-hover-shadow)}.card--interactive:active{border-color:var(--dds-card-active-border-color)}.card--interactive:focus-visible{outline-style:solid}a:link,a:visited,a:hover,a:active{color:inherit;text-decoration: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}";
export {
r as default
};
//# sourceMappingURL=card.scss.js.map