superlatief-mediaqueries/less/queries/horizontal.less

A set of mediaqueries for Sass, Stylus & Less

// Horizontal Mediaqueries
.above(@min, @type: @screen, @ruleset: default) {
  & when (isruleset(@type)) {
    .bp(@min, min-width, @screen, {
      @type();
    })
  }

  & when (isstring(@type)) {
    .bp(@min, min-width, @type, {
      @ruleset();
    })
  }
}

.below(@min, @type: @screen, @ruleset: default) {
  & when (isruleset(@type)) {
    .bp(@min, max-width, @screen, {
      @type();
    })
  }

  & when (isstring(@type)) {
    .bp(@min, max-width, @type, {
      @ruleset();
    })
  }
}