LESS: Combine mixins, bubbling and ruleset params to create more readable media queries

between.less

.branding {
  display: block;
  
  .between(@grid-float-breakpoint, @screen-md, {
    display: none;
  });
}

.between(@min, @max, @rules) {
  @media screen and (min-width: @min) and (max-width: @max) {
    @rules();
  }
}

.min-width(@min, @rules) {
  @media screen and (min-width: @min) {
    @rules();
  }
}

.max-width(@max, @rules) {
  @media screen and (max-width: @max) {
    @rules();
  }
}