//
// Responsive float utilities
// Inspired by Bootstrap v4
// --------------------------------------------------

.responsive-float(@infix) {
  @media (min-width: ~"@{screen-@{infix}-min}") {
    .float-@{infix}-left  { .float-left; }
    .float-@{infix}-right { .float-right; }
    .float-@{infix}-none  { .float-none; }
  }
}

.float-left  { float: left !important; }
.float-right { float: right !important; }
.float-none  { float: none !important; }

.responsive-float(sm);
.responsive-float(md);
.responsive-float(lg);