@finastra/skeleton/dist/src/styles.css.js

Skeleton Web Component

/**
 * @license
 * Copyright 2021 Google LLC
 * SPDX-LIcense-Identifier: Apache-2.0
 */
import { css } from 'lit';
export const styles = css `:host{display:block;overflow:hidden;width:var(--fds-skeleton-width, 162px);height:var(--fds-skeleton-height, 162px);--fds-skeleton-placeholder-color: var(--fds-on-surface-medium);background-color:var(--fds-skeleton-background, var(--fds-surface-selected))}:host::before{display:inline-block;content:"";opacity:.1;background-image:linear-gradient(90deg, transparent 0%, var(--fds-skeleton-placeholder-color, --fds-on-surface-medium) 30%, var(--fds-skeleton-placeholder-color, --fds-on-surface-medium) 70%, transparent 100%);width:300%;height:300%;margin-bottom:20px;animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:shine;animation-timing-function:cubic-bezier(0, 0, 0.35, 1)}@keyframes shine{0%{margin-left:-500%}100%{margin-left:500%}}:host([type=circle]){--fds-skeleton-width: 40px;--fds-skeleton-height: 40px;border-radius:50%}:host([type=rectangle]){--fds-skeleton-width: 160px;--fds-skeleton-height: 160px}:host([type=text][size=h1]){--fds-skeleton-height: var(--fds-headline-1-font-size, 51px)}:host([type=text][size=h2]){--fds-skeleton-height: var(--fds-headline-2-font-size, 41px)}:host([type=text][size=h3]){--fds-skeleton-height: var(--fds-headline-3-font-size, 28px)}:host([type=text][size=h4]){--fds-skeleton-height: var(--fds-headline-4-font-size, 21px)}:host([type=text][size=h5]){--fds-skeleton-height: var(--fds-headline-5-font-size, 16px)}:host([type=text][size=h6]){--fds-skeleton-height: var(--fds-headline-6-font-size, 13px)}:host([type=text][size=small]){--fds-skeleton-height: 12px}:host([type=text]){--fds-skeleton-height: 16px}`;
//# sourceMappingURL=styles.css.js.map