_video-list.scss

  $width: 260px;

  @for $i from 1 through 50 {
    $min-width: ($width * $i) + 10px;
    $max-width: ($width * ($i + 1)) + 10px;

    $min-width: if(($min-width + 260px) >= $sidebar-breakpoint, $min-width + 260px, $min-width);
    $max-width: if(($max-width + 260px) >= $sidebar-breakpoint, $max-width + 260px, $max-width);

    $item-width: 100% / $i;

    @media only screen and (min-width: $min-width) and (max-width: $max-width) {
      .video {
        width: $item-width;

        &:nth-of-type(#{$i}n + 1) {
          clear: both;
        }
      }
    }
  }