@import "xmat-vars";

@function xmat-best-text-color($bg, $ifLight: map-get($xmat-colors, primary-text), $ifDark: map-get($xmat-colors, primary-contrast)) {
  @if (lightness($bg) > 50) {
    @return $ifLight; // Lighter backgorund, return dark color
  } @else {
    @return $ifDark; // Darker background, return light color
  }
}

//MIXINS

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

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

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

@mixin xmat-box-shadow($xOffset: 0, $yOffset: 0, $blur: 0, $spread: 0, $color: #444, $type:"") {
  -webkit-box-shadow: $xOffset $yOffset $blur $spread $color #{$type};
  -moz-box-shadow: $xOffset $yOffset $blur $spread $color #{$type};
  box-shadow: $xOffset $yOffset $blur $spread $color #{$type};
}