@use '../variables' as *;
@use 'elevation.mixins' as *;

.cat-elevation-transition {
  @include cat-elevation-transition;
}

.cat-elevation-none {
  box-shadow: none !important;
}

@each $level, $_def in $cat-elevation {
  .cat-elevation-#{$level} {
    @include cat-elevation($level);
  }
  .cat-elevation-hover-#{$level} {
    &:hover,
    &:focus,
    &:focus-within {
      @include cat-elevation($level);
    }
  }
}