/*╔══════════════════════════════════════════════════╗
  ║                         Utilities                         ║
  ╚══════════════════════════════════════════════════╝*/

// ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄
// Rotate an element
$degrees: (
  0,
  30,
  45,
  60,
  90,
  120,
  135,
  150,
  180,
  210,
  225,
  240,
  270,
  300,
  315,
  330
);

@each $deg in $degrees {
  .r-#{$deg} {
    transform: rotate(#{$deg}deg);
  }
}