Skip to content

Instantly share code, notes, and snippets.

@alice-liu
Last active February 10, 2016 17:30
Show Gist options
  • Save alice-liu/c30e4cb0fa89a038b02a to your computer and use it in GitHub Desktop.
Save alice-liu/c30e4cb0fa89a038b02a to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@import "include-media";
$breakpoints: (
phone: 736px,
tablet: 1024px,
desktop-large: 1280px
);
$is-rwd-scoped: false; // Toggle to enable page-scoping
@mixin _responsive() {
@if $is-rwd-scoped {
.adb-rwd & {
@content
}
}
@else {
@content
}
}
.button {
color: red;
@include _responsive {
@include media('>phone') {
color: blue;
}
}
}
$is-rwd-scoped: true;
.button {
color: red;
@include _responsive {
@include media('>phone') {
color: blue;
}
}
}
.button {
color: red;
}
@media (min-width: 737px) {
.button {
color: blue;
}
}
.button {
color: red;
}
@media (min-width: 737px) {
.adb-rwd .button {
color: blue;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment