dap-design-system/dist/components/skeleton/skeleton.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{display:inline-block;width:var(--skeleton-width, auto);height:var(--skeleton-height, auto);--dds-skeleton-border-radius: var(--dds-radius-small);--dds-skeleton-animation-duration: 1.5s;--dds-skeleton-text-spacing: var(--dds-spacing-100);--dds-skeleton-animation-timing-function: ease-in-out;--dds-skeleton-base-color: rgb(0 0 0 / 11%);--dds-skeleton-color: linear-gradient( 90deg, transparent, rgb(0 0 0 / 10%), transparent )}:host([variant=text]){width:var(--skeleton-width, 100%);height:var(--skeleton-height, 1rem)}:host([variant=circular]){width:var(--skeleton-width, 2.5rem);height:var(--skeleton-height, 2.5rem)}:host([variant=rectangular]){width:var(--skeleton-width, 100%);height:var(--skeleton-height, 4rem)}.skeleton{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--dds-skeleton-border-radius);background-color:var(--dds-skeleton-base-color)}.skeleton:before{content:"";position:absolute;inset:0;background:var(--dds-skeleton-color)}.skeleton--animate:before{animation:skeleton-loading var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite}.skeleton--wave:before{transform:translate(-100%);animation:skeleton-loading var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite}.skeleton--pulse:before{transform:none;animation:skeleton-pulse var(--dds-skeleton-animation-duration) var(--dds-skeleton-animation-timing-function) infinite;background:var(rgba(0, 0, 0, .1))}.skeleton--text:not(:last-child){margin-bottom:var(--dds-skeleton-text-spacing)}.skeleton--circular{border-radius:50%}@keyframes skeleton-loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion: reduce){.skeleton:before{display:none}}';
export {
  t as default
};
//# sourceMappingURL=skeleton.scss.js.map