Skip to content

Instantly share code, notes, and snippets.

@echamudi
Last active July 10, 2018 12:15
Show Gist options
  • Save echamudi/f1e96b942589951f2d893a5e5855beca to your computer and use it in GitHub Desktop.
Save echamudi/f1e96b942589951f2d893a5e5855beca to your computer and use it in GitHub Desktop.
@mixin ltr {
@at-root {
.ltr #{&} {
@content
}
}
}
.parent {
width: 100px;
.child {
padding-left: 10px;
@include ltr {
padding-left: 0px;
padding-right: 10px;
}
}
}
/* Compiled Result
.parent {
width: 100px;
}
.parent .child {
padding-left: 10px;
}
.ltr .parent .child {
padding-left: 0px;
padding-right: 10px;
}
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment