@import './mixins/mixins.scss';

@include themes-mixin {
  @include b(icon) {
    height: 1em;
    width: 1em;
    line-height: 1em;
    text-align: center;
    display: inline-block;
    position: relative;
    transition: $--icon-transition;
    svg {
      height: 1em;
      width: 1em;
    }
    @include m(primary-depth) {
      fill: $--n-primary-text-color;
      stroke: $--n-primary-text-color;
    }
    @include m(secondary-depth) {
      fill: $--n-secondary-text-color;
      stroke: $--n-secondary-text-color;
    }
    @include m(tertiary-depth) {
      fill: $--n-tertiary-text-color;
      stroke: $--n-tertiary-text-color;
    }
  }
}