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

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

body {
  margin: 0;
  line-height: 1.5;
  font-variant: tabular-nums;
  font-feature-settings: 'tnum';
}

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