Skip to content

Instantly share code, notes, and snippets.

@bubbleheadinc
Created January 9, 2014 16:58
Show Gist options
  • Save bubbleheadinc/8337720 to your computer and use it in GitHub Desktop.
Save bubbleheadinc/8337720 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// Susy (v2.0.0.beta.2)
// ----
@import "susy";
$gt-tablet-port: 50em;
@mixin breakpoint($point) {
@if $point == gt-mobile-port { // when screen size is greater than default mobile to tablet portrait
@media (min-width: $gt-mobile-port) { @content; }
}
@if $point == gt-mobile { // when screen size is greater than default mobile to tablet portrait
@media (min-width: $gt-mobile) { @content; }
}
@if $point == gt-tablet-port { // when screen size is greater than tablet portrait to landscape
@media (min-width: $gt-tablet-port) { @content; }
}
@if $point == gt-tablet-port-1 { // when screen size is greater than tablet portrait to landscape
@media (min-width: $gt-tablet-port-1) { @content; }
}
@if $point == at-max { // when screen size is at maximum width
@media (min-width: $at-max) { @content; }
}
// @else if $point == gt- {
// @media (min-width: 650px) { @content; }
// }
}
.class{
@include breakpoint(gt-tablet-port){
@include span-columns(4);
}
}
.anotherClass{
@extend .class;
@include breakpoint(gt-tablet-port){
@include omega;
}
}
Undefined mixin 'span-columns'.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment