Skip to content

Instantly share code, notes, and snippets.

@maddesigns
Created February 24, 2015 08:51
Show Gist options
  • Save maddesigns/49a470321f281b9139a7 to your computer and use it in GitHub Desktop.
Save maddesigns/49a470321f281b9139a7 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----
$large-mq: false;
@mixin bp-large($width) {
// If we're outputting for a fixed media query set...
@if $large-mq {
// ...and if we should apply these rules...
@if $large-mq >= $width {
@media screen and (min-width: $width) {
@content;
}
}
}
}
.test {
@include bp-large(960px) {
color: green;
}
}
$large-mq: 960px;
.test-true {
@include bp-large(960px) {
color: red;
}
}
@media screen and (min-width: 960px) {
.test-true {
color: red;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment