_utils.scss

@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    border-radius: $radius;
}


@mixin box-shadow($shadow) {
    -webkit-box-shadow: $shadow;
    -moz-box-shadow: $shadow;
    -ms-box-shadow: $shadow;
    -o-box-shadow: $shadow;
    box-shadow: $shadow;
}


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


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


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

@mixin gradient($grad){
    background: -webkit-linear-gradient($grad);
    background: -moz-linear-gradient($grad);
    background: -o-linear-gradient($grad);
    background: linear-gradient($grad);
}

@function inv-color($color) {
  @if (lightness($color) > 50) {
    @return #000000; // Lighter backgorund, return dark color
  } @else {
    @return #FFFFFF; // Darker background, return light color
  }
}