kodadot/nft-gallery

View on GitHub
libs/ui/src/components/NeoSkeleton/NeoSkeleton.scss

Summary

Maintainability
Test Coverage
@import '@oruga-ui/oruga-next/src/scss/utilities/expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/helpers.scss';

$skeleton-margin: 0.25rem;
$base-border-radius: 4px;
$skeleton-border-radius: var(--border-radius, $base-border-radius);

.neo-skeleton {
  &-item {
    &.no-margin {
      @apply m-0 #{!important};
    }

    @apply bg-[length:400%_100%] #{!important};

    &--k-shade {
      @apply bg-gradient-to-r from-k-shade from-25% via-k-shade/50 via-50% to-k-shade to-75% #{!important};
    }

    &--k-grey-light {
      @apply bg-gradient-to-r from-k-grey-light from-25% via-k-grey-light/50 via-50% to-k-grey-light to-75% #{!important};
    }
  }

  &-full-size {
    @apply absolute left-0 top-0 w-full h-full;
  }
}

@import '@oruga-ui/oruga-next/src/scss/components/skeleton.scss';