// rotates variants (param: x deg)

$rotates: (0 : 0,
  45 : 45,
  90 : 90,
  180 : 180,
  270 : 270,
);

@each $class,
$deg_val in $rotates {

  .rotate-#{$class} {
    transform: rotate(#{$deg_val}deg) !important;
  }

  .rotate-x-#{$class} {
    transform: rotateX(#{$deg_val}deg) !important;
  }

  .rotate-y-#{$class} {
    transform: rotateY(#{$deg_val}deg) !important;
  }

  @if $deg_val>0 {
    .rotate-n#{$class} {
      transform: rotate(-#{$deg_val} +deg) !important;
    }
  }

}