@use '../../abstracts/mixins/reusable/omen-mixin.scss' as *;
@use '../../abstracts/mixins/breakpoints/mixin' as *;

@use '../../abstracts/variables/transforms/variables' as *;

// file for transforms classes - for minified omencss-transforms css
@include eachValues('', $transforms);
@include transformMixin(true, true, true, scale-, transform, '', 80, 130, 1, 0.01, scale);
@include transformMixin(true, true, true, scale-x-, transform, '', 80, 130, 1, 0.01, scaleX);
@include transformMixin(true, true, true, scale-y-, transform, '', 80, 130, 1, 0.01, scaleY);
@include transformMixin(true, true, true, rotate-, transform, deg, -180, 180, 1, 1deg, rotate);
@include transformMixin(true, true, true, translate-, transform, per, 0, 100, 1, 1%, translate);
@include transformMixin(true, true, true, translate-x-, transform, per, -100, 100, 1, 1%, translateX);
@include transformMixin(true, true, true, translate-x-, transform, px, -100, 100, 1, 1px, translateX);
@include transformMixin(true, true, true, translate-x-, transform, rem, -30, 30, 1, 1rem, translateX);
@include transformMixin(true, true, true, translate-y-, transform, per, -100, 100, 1, 1%, translateY);
@include transformMixin(true, true, true, translate-y-, transform, px, -100, 100, 1, 1px, translateY);
@include transformMixin(true, true, true, translate-y-, transform, rem, -30, 30, 1, 1rem, translateY);
@include transformMixin(true, true, true, skew-x-, transform, deg, -30, 30, 1, 1deg, skewX);
@include transformMixin(true, true, true, skew-y-, transform, deg, -30, 30, 1, 1deg, skewY);

@include sm {
  @include eachValues(sm\:, $transforms);
  @include transformMixin(true, true, true, sm\:scale-, transform, '', 80, 130, 1, 0.01, scale);
  @include transformMixin(true, true, true, sm\:scale-x-, transform, '', 80, 130, 1, 0.01, scaleX);
  @include transformMixin(true, true, true, sm\:scale-y-, transform, '', 80, 130, 1, 0.01, scaleY);
  @include transformMixin(true, true, true, sm\:rotate-, transform, deg, -180, 180, 1, 1deg, rotate);
  @include transformMixin(true, true, true, sm\:translate-, transform, per, 0, 100, 1, 1%, translate);
  @include transformMixin(true, true, true, sm\:translate-x-, transform, per, -100, 100, 1, 1%, translateX);
  @include transformMixin(true, true, true, sm\:translate-x-, transform, px, -100, 100, 1, 1px, translateX);
  @include transformMixin(true, true, true, sm\:translate-x-, transform, rem, -30, 30, 1, 1rem, translateX);
  @include transformMixin(true, true, true, sm\:translate-y-, transform, per, -100, 100, 1, 1%, translateY);
  @include transformMixin(true, true, true, sm\:translate-y-, transform, px, -100, 100, 1, 1px, translateY);
  @include transformMixin(true, true, true, sm\:translate-y-, transform, rem, -30, 30, 1, 1rem, translateY);
  @include transformMixin(true, true, true, sm\:skew-x-, transform, deg, -30, 30, 1, 1deg, skewX);
  @include transformMixin(true, true, true, sm\:skew-y-, transform, deg, -30, 30, 1, 1deg, skewY);
}

@include md {
  @include eachValues(md\:, $transforms);
  @include transformMixin(true, true, true, md\:scale-, transform, '', 80, 130, 1, 0.01, scale);
  @include transformMixin(true, true, true, md\:scale-x-, transform, '', 80, 130, 1, 0.01, scaleX);
  @include transformMixin(true, true, true, md\:scale-y-, transform, '', 80, 130, 1, 0.01, scaleY);
  @include transformMixin(true, true, true, md\:rotate-, transform, deg, -180, 180, 1, 1deg, rotate);
  @include transformMixin(true, true, true, md\:translate-, transform, per, 0, 100, 1, 1%, translate);
  @include transformMixin(true, true, true, md\:translate-x-, transform, per, -100, 100, 1, 1%, translateX);
  @include transformMixin(true, true, true, md\:translate-x-, transform, px, -100, 100, 1, 1px, translateX);
  @include transformMixin(true, true, true, md\:translate-x-, transform, rem, -30, 30, 1, 1rem, translateX);
  @include transformMixin(true, true, true, md\:translate-y-, transform, per, -100, 100, 1, 1%, translateY);
  @include transformMixin(true, true, true, md\:translate-y-, transform, px, -100, 100, 1, 1px, translateY);
  @include transformMixin(true, true, true, md\:translate-y-, transform, rem, -30, 30, 1, 1rem, translateY);
  @include transformMixin(true, true, true, md\:skew-x-, transform, deg, -30, 30, 1, 1deg, skewX);
  @include transformMixin(true, true, true, md\:skew-y-, transform, deg, -30, 30, 1, 1deg, skewY);
}
@include lg {
  @include eachValues(lg\:, $transforms);
  @include transformMixin(true, true, true, lg\:scale-, transform, '', 80, 130, 1, 0.01, scale);
  @include transformMixin(true, true, true, lg\:scale-x-, transform, '', 80, 130, 1, 0.01, scaleX);
  @include transformMixin(true, true, true, lg\:scale-y-, transform, '', 80, 130, 1, 0.01, scaleY);
  @include transformMixin(true, true, true, lg\:rotate-, transform, deg, -180, 180, 1, 1deg, rotate);
  @include transformMixin(true, true, true, lg\:translate-, transform, per, 0, 100, 1, 1%, translate);
  @include transformMixin(true, true, true, lg\:translate-x-, transform, per, -100, 100, 1, 1%, translateX);
  @include transformMixin(true, true, true, lg\:translate-x-, transform, px, -100, 100, 1, 1px, translateX);
  @include transformMixin(true, true, true, lg\:translate-x-, transform, rem, -30, 30, 1, 1rem, translateX);
  @include transformMixin(true, true, true, lg\:translate-y-, transform, per, -100, 100, 1, 1%, translateY);
  @include transformMixin(true, true, true, lg\:translate-y-, transform, px, -100, 100, 1, 1px, translateY);
  @include transformMixin(true, true, true, lg\:translate-y-, transform, rem, -30, 30, 1, 1rem, translateY);
  @include transformMixin(true, true, true, lg\:skew-x-, transform, deg, -30, 30, 1, 1deg, skewX);
  @include transformMixin(true, true, true, lg\:skew-y-, transform, deg, -30, 30, 1, 1deg, skewY);
}