Contents

// Usage:
// @include breakpoint(sm) {
//   display: none;
// }

@mixin breakpoint($class) {
  @if $class == xs {
    @media (max-width: $screen-xs - 1) { @content; }
  }

  @else if $class == sm {
    @media (min-width: $screen-sm) { @content; }
  }

  @else if $class == md {
    @media (min-width: $screen-md) { @content; }
  }

  @else if $class == lg {
    @media (min-width: $screen-lg) { @content; }
  }

  @else {
    @warn "Breakpoint mixin supports: xs, sm, md, lg";
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
forest_cms-0.98.1	app/assets/stylesheets/forest/admin/mixins/_breakpoints.scss