Skip to content

Instantly share code, notes, and snippets.

@mannieschumpert
Created July 24, 2014 17:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mannieschumpert/3cb2decb47c79c884285 to your computer and use it in GitHub Desktop.
Save mannieschumpert/3cb2decb47c79c884285 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// Susy (v2.1.2)
// ----
@import "susy";
@mixin mq-layout(
$mq,
$layout: $susy
) {
$mq: if(type-of($mq) == number, 'min-width: #{$mq}', $mq);
@media ($mq) {
@include with-layout($layout) {
@content;
}
}
}
.test {
@include span(4);
@include mq-layout(45em, 12) {
@include span(4);
}
}
.test {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
@media (min-width: 45em) {
.test {
width: 32.20339%;
float: left;
margin-right: 1.69492%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment