Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Sass Media Mixins (Requires https://github.com/paranoida/sass-mediaqueries)
// 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;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment