@import "../config";

@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

@mixin box-sizing($box-model) {
  -webkit-box-sizing: $box-model; // Safari <= 5
  -moz-box-sizing: $box-model; // Firefox <= 19
  box-sizing: $box-model;
}

@mixin transform($val) {
  -webkit-transform: $val;
  -moz-transform: $val;
  -ms-transform: $val;
  transform: $val;
}

@mixin common-text-style() {
  font-size: $font-size;
  font-weight: $font-weight;
  line-height: $font-line-height;
  -webkit-text-emphasis: initial;
  -webkit-text-fill-color: initial;
}

@mixin hover-opacity($from, $to) {
  opacity: $from;
  @include transition(opacity $transition-duration $transition-type);

  &:hover,
  &:active,
  &:focus {
    opacity: $to;
  }
}

@mixin anchor-btn-hover-style() {
  @include hover-opacity($btn-opacity, 1);
}