@use "./mixins";

@layer components {
  .tile {
    @include mixins.tile-base;

    &__body {
      @include mixins.tile-body;
    }

    &--compact .tile__body {
      @include mixins.tile-body-compact;
    }

    &--action {
      @include mixins.tile-action-shell;

      .tile__body {
        @include mixins.tile-action;
      }

      .icon {
        @include mixins.tile-action-icon;
      }
    }
  }
}
