@import "../../../style/mixin";

@include export-module('co-transaction-button-bar-theme') {
  .co-transaction-button-bar {
    .co-transaction-button-bar-icon {
      svg { // for fontawesome icons
        fill: $tp-co-transaction-button-bar-icon-color;
      }
      & [fill] { // for own icons
        fill: $tp-co-transaction-button-bar-icon-color;
      }
    }
    .button-wrapper {
      .co-transaction-button-bar-icon {
        height: $tp-co-transaction-button-bar-icon-size;
        width: $tp-co-transaction-button-bar-icon-size;
        margin: $tp-co-transaction-button-bar-icon-margin;
        svg {
          height: 100%;
          width: 100%;
        }
      }
    }
    .selected {
      .co-transaction-button-bar-icon {
        svg { // for fontawesome icons
          fill: $tp-co-transaction-button-bar-button-selected-icon-color;
        }
        & [fill] { // for own icons
          fill: $tp-co-transaction-button-bar-button-selected-icon-color;
        }
      }
    }
  }
}