Skip to content

Instantly share code, notes, and snippets.

@FinalAngel
Created December 24, 2016 14:34
Show Gist options
  • Save FinalAngel/40ea3fd48c0b9094ec7ded5d0e5d7395 to your computer and use it in GitHub Desktop.
Save FinalAngel/40ea3fd48c0b9094ec7ded5d0e5d7395 to your computer and use it in GitHub Desktop.
// manual configuration for the spacer plugin in:
// https://github.com/aldryn/aldryn-bootstrap3/
// requires bootstrap 3
.spacer {
margin-top: $line-height-computed;
margin-bottom: $line-height-computed;
}
.spacer-xs {
margin-top: $line-height-computed / 2;
margin-bottom: $line-height-computed / 2;
}
.spacer-sm {
margin-top: $line-height-computed / 1.5;
margin-bottom: $line-height-computed / 1.5;
}
.spacer-md {
@extend .spacer;
}
.spacer-lg {
margin-top: $line-height-computed * 2;
margin-bottom: $line-height-computed * 2;
}
.spacer-zero {
margin: 0;
}
.spacer:after,
.spacer-xs:after,
.spacer-sm:after,
.spacer-md:after,
.spacer-lg:after,
.spacer-zero:after {
content: "";
display: table;
clear: both;
}
@FinalAngel
Copy link
Author

the spacer plugin adds the "spacer-xy, sm, md, lg and spacer-zero classes. They themselves cannot be changed (or more added). The only part you can configure is the content of the css classes @jsguru-git

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment