%boxSizing {
  box-sizing: border-box;
}

[class*="s-"] {
  @extend %boxSizing;
  *:after, *:before {
    @extend %boxSizing;
  }
}

/*animat*/
.t--animat {
  .s-sort--asc-btn,
  .s-sort--desc-btn,
  .s-filter--btn {
    &:before,
    &:after {
      @include animatTransition(border);
    }
  }
  .s-table--expand-icon{
    @include animatTransition(all);
  }
  .s-header--column,
  .s-body--column,
  .s-body--row {
    @include animatTransition(background-color);
  }
  .s-input--wrapper {
    .s-input {
      @include animatTransition(border);
    }
  }
  .s-tree--node-btn {
    @include animatTransition(transform);
  }
  .s-checkbox,
  .s-radio {
    > input {
      &:checked+span {
        @include animatTransition(background-color);
      }
    }
  }
}