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

@include export-module('co-transaction-lines-theme') {
  .co-transaction-lines {
    .add-text-button {
      background-color: $tp-transaction-lines-add-text-button-background-color;
      fill: $tp-transaction-lines-add-text-button-text-color;
    }

    .draggable-transaction-line .transaction-line-drag-handle {
      svg { // for fontawesome icons
        fill: $tp-transaction-lines-drag-handle-icon-color;
      }
      & [fill] { // for own icons
        fill: $tp-transaction-lines-drag-handle-icon-color;
      }
    }
  }

  .co-input-number-picker.transaction-lines-grid-amount {
    border: none;
    background-color: $tp-transaction-lines-grid-amount-background-color;

    input {
      background-color: $tp-transaction-lines-grid-amount-background-color;
    }
  }
}