Skip to content

Instantly share code, notes, and snippets.

@magicspon
Last active August 25, 2015 21:30
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 magicspon/939b8df42fa44c34b316 to your computer and use it in GitHub Desktop.
Save magicspon/939b8df42fa44c34b316 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
@mixin side__panel($b: side, $e: panel, $m: alert) {
$selector: $b;
@if $e != false {
$selector: #{$selector}__#{$e};
}
@if $m != false {
$selector: #{$selector}--#{$m};
}
.#{$selector} {
width: 100%;
@content;
}
}
@include side__panel(side, panel, alert);
@include side__panel(side, panel, test) {
border: 1px solid red;
};
@include side__panel(side, false, test) {
border: 1px solid red;
};
@include side__panel(side, bar, false) {
border: 1px solid red;
};
.side__panel--alert {
width: 100%;
}
.side__panel--test {
width: 100%;
border: 1px solid red;
}
.side--test {
width: 100%;
border: 1px solid red;
}
.side__bar {
width: 100%;
border: 1px solid red;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment