@use "./mixins";

@layer components {
  .osk-breadcrumbs {
    @include mixins.base;

    &__container {
      @include mixins.container;
    }
  }

  .osk-breadcrumbs__item {
    @include mixins.item;

    .background-contrast &,
    .surface-contrast &,
    .is-dark & {
      @include mixins.item-dark;
    }
  }

  .osk-breadcrumbs__link {
    @include mixins.link;

    &[aria-current="page"] {
      @include mixins.link-current;
    }
  }
}