elevations

.my-component {
  box-shadow: box-shadow((0 0 2px 3px black, 0 6px 9px orange));
}

// 出力
.my-component {
  box-shadow:
      0 0 calc(--ig-elevation-factor * 2px) calc(--ig-elevation-factor * 3px) black,
      0 calc(--ig-elevation-factor * 6px) calc(--ig-elevation-factor * 9px) orange;
}

.my-component {
  box-shadow: elevation(5); // var(--ig-elevation-5)
}

$elevations: (
    small: box-shadow(0 .125rem .25rem rgba(0 0 0 / 75%)),
    medium: box-shadow(0 .25rem .5rem rgba(0 0 0 / 85%)),
    large: box-shadow(0 .75rem 1rem rgba(0 0 0 / 95%))
);
:root {
    @include elevations($elevations);
}

.my-class {
  @include elevation(small);
}