Sass Media Mixins (Requires https://github.com/paranoida/sass-mediaqueries)

_breakpoints.scss

// Super Simple wrapper for Sass Media Queries
// Provides only two mixins:
//  - small-screens
//  - medium-screens

// https://gist.github.com/sheharyarn/c781dd642d387b947020
// Copyright (c) 2015 Sheharyar Naseer - MIT License

@import "sass-media-queries";

$bp_small:  768px;
$bp_medium: 992px;
$bp_large:  1200px;


@mixin small-screens {
  @include max-screen($bp_medium) {
    @content;
  }
}

@mixin medium-screens {
  @include min-screen($bp_medium+1) {
    @content;
  }
}