// Archivo: _utilities.scss

$hover-scales: (
  1: 1.025,
  2: 1.05,
  3: 1.075,
  4: 1.1,
  5: 1.125,
);

@each $key, $value in $hover-scales {
  .scale-hover-#{$key} {
    transition: transform 0.3s ease-in-out;

    &:hover {
      transform: scale(#{$value});
    }
  }
}

$min-width: 100px;
$max-width: 600px;

@for $i from 1 through (($max-width - $min-width) / 100px + 1) {
  $current-width: $min-width + ($i - 1) * 100px;
  .w-#{$current-width} {
    width: $current-width;
  }
}