@dabapps/roe/src/less/float.less

A Collection of React Components for Project Development

.float-styles (@float) {
  float: @float !important; // lesshint importantRule: false
}

.create-float (@prefix, @name, @float, @alias) {
  .@{prefix}-@{name} {
    .float-styles(@float);
  }

  .float-alias () when (@alias = true) {
    .@{name} {
      .float-styles(@float);
    }
  }

  .float-alias();
}

.create-floats (@prefix, @alias: false) {
  .create-float(@prefix, float-left, left, @alias);
  .create-float(@prefix, float-right, right, @alias);
  .create-float(@prefix, float-none, none, @alias);
}

.create-floats(xs, true);

@media all and (min-width: @screen-sm) {
  .create-floats(sm);
}

@media all and (min-width: @screen-md) {
  .create-floats(md);
}

@media all and (min-width: @screen-lg) {
  .create-floats(lg);
}

@media all and (min-width: @screen-xl) {
  .create-floats(xl);
}