@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;
    fill: $--n-base-text-color;
    stroke:  $--n-base-text-color;
    svg {
      height: 1em;
      width: 1em;
    }
    @include m(primary-depth) {
      svg {
        opacity: $--n-primary-opacity;
      }
    }
    @include m(secondary-depth) {
      svg {
        opacity: $--n-secondary-opacity;
      }
    }
    @include m(tertiary-depth) {
      svg {
        opacity: $--n-tertiary-opacity;
      }
    }
  }
}