Contents

$screen-limits: (
  xsmall: 20em,
  small: 30em,
  medium: 48em,
  large: 64em,
  xlarge: 78em,
  super: 116em,
);

$screen-adjustment: 0.01 !default;

@mixin screen-and-up($size) {
  @media (min-width: #{map-get($screen-limits, $size)}) {
    @content;
  }
}

@mixin screen--xsmall-only {
  @media (max-width: #{map-get($screen-limits, xsmall) - $screen-adjustment}) {
    @content;
  }
}

@mixin screen--small-only {
  @media (min-width: #{map-get($screen-limits, xsmall)}) and (max-width: #{map-get($screen-limits, small) - $screen-adjustment}) {
    @content;
  }
}

@mixin screen--medium-only {
  @media (min-width: #{map-get($screen-limits, small)}) and (max-width: #{map-get($screen-limits, medium) - $screen-adjustment}) {
    @content;
  }
}

@mixin screen--large-only {
  @media (min-width: #{map-get($screen-limits, medium)}) and (max-width: #{map-get($screen-limits, large) - $screen-adjustment}) {
    @content;
  }
}

@mixin screen--xlarge-only {
  @media (min-width: #{map-get($screen-limits, large)}) and (max-width: #{map-get($screen-limits, xlarge)  - $screen-adjustment}) {
    @content;
  }
}

@mixin screen--super-only {
  @media (min-width: #{map-get($screen-limits, large)}) {
    @content;
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
activeadmin_blaze_theme-0.7.0	app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss
activeadmin_blaze_theme-0.6.2	app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss
activeadmin_blaze_theme-0.6.0	app/assets/stylesheets/activeadmin_blaze_theme/blaze/mixins/_tools.mediaqueries.scss