Skip to content

Instantly share code, notes, and snippets.

@Jamesyps
Last active August 29, 2015 14:27
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 Jamesyps/1878533f23e5a05c6eec to your computer and use it in GitHub Desktop.
Save Jamesyps/1878533f23e5a05c6eec to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----
@mixin v-spacing($margin: 30px, $padding: 0) {
$selector-chain: &;
$top-level-selector: false;
@each $selector in $selector-chain {
$top-level-selector: nth($selector, length($selector))
}
@if($top-level-selector) {
+ #{$top-level-selector} {
margin-top: $margin;
padding-top: $padding;
@content;
}
}
@else {
@error "mixin cannot be called in root document";
}
}
.toggle-list {
@include v-spacing(30px);
.toggle {
@include v-spacing(30px);
}
.test .foo .bar {
@include v-spacing(30px);
}
}
.toggle-list + .toggle-list {
margin-top: 30px;
padding-top: 0;
}
.toggle-list .toggle + .toggle {
margin-top: 30px;
padding-top: 0;
}
.toggle-list .test .foo .bar + .bar {
margin-top: 30px;
padding-top: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment