Skeleton Shape

Mixins

shape

@mixin shape() { ... }@mixin shape() { 
  @include kib-foundations.base-styles;

  --kib-skeleton-shape-ratio-width: 1;
  --kib-skeleton-shape-ratio-height: 1;

  $width: var(--kib-skeleton-shape-ratio-width);
  $height: var(--kib-skeleton-shape-ratio-height);

  @include kib-foundations.aspect-ratio($width, $height);
 }
Description

Square shape skeleton with customizable aspect ratio through custom properties

Parameters

None.

Requires

shape-circle

@mixin shape-circle() { ... }@mixin shape-circle() { 
  @include kib-foundations.circular-skeleton;
 }
Description

Circle shape skeleton

Parameters

None.