Skip to content

Instantly share code, notes, and snippets.

@Ianfeather
Created December 19, 2013 22:54
Show Gist options
  • Save Ianfeather/8047633 to your computer and use it in GitHub Desktop.
Save Ianfeather/8047633 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
// ****
// TOGGLE THIS VARIABLE TO SEE THE DIFFERENCE
$is-ie: false
@mixin respond-to($screen-width)
$breakpoint: ''
@if $screen-width == medium-view
$breakpoint: 600
@else if $screen-width == wide-view
$breakpoint: 1025
@else
$breakpoint: $screen-width
@if $is-ie == false
@media only screen and (min-width : #{$breakpoint}px)
@content
@else
@content
.foo
color: blue
+respond-to(wide-view)
color: red
.bar
+respond-to(480)
color: red
.foo {
color: blue;
color: red;
}
.bar {
color: red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment