$u-widths: 10, 20, 25, 30, 33.3333, 40, 50, 55, 60, 66.6666, 70, 75, 80, 90, 100 !default;
$u-widths-values: 80px, 100px, 120px, 160px, 240px, 260px, 320px, 400px, 480px, 560px;

@each $width in $u-widths {
  %u-width-#{floor($width)},
  .u-width-#{floor($width)} {
    width: percentage($width * 0.01) !important;
  }
}

@each $width in $u-widths-values {
  %u-width-#{floor($width)},
  .u-width-#{floor($width)} {
    width: $width !important;
  }
}

@each $width in $u-widths {
  %u-min-width-#{floor($width)},
  .u-min-width-#{floor($width)} {
    min-width: percentage($width * 0.01) !important;
  }
}

@each $width in $u-widths-values {
  %u-min-width-#{floor($width)},
  .u-min-width-#{floor($width)} {
    min-width: $width !important;
  }
}

@each $width in $u-widths {
  %u-max-width-#{floor($width)},
  .u-max-width-#{floor($width)} {
    max-width: percentage($width * 0.01) !important;
  }
}

@each $width in $u-widths-values {
  %u-max-width-#{floor($width)},
  .u-max-width-#{floor($width)} {
    max-width: $width !important;
  }
}