Skip to content

Instantly share code, notes, and snippets.

@FinalAngel
Created December 24, 2016 14:34
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • 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;
}
@jsguru-git
Copy link

I am a new at Django CMS and aldryn-bootstrap3.
Could you let me know how to configure it manually?

@FinalAngel
Copy link
Author

@jsguru-git what do you mean by configuring manually? You basically would need to implement the above scss file into your project or convert it into css. However, I'd recommend to use bootstrap4 as it has not its own spacing system.

@jsguru-git
Copy link

Now I use spacer plugin of aldryn-bootstrap3 on my DjangoCMS project.
In order for spacer plugin to work properly, spacer_plugin.scss is needed.
You wrote comments like below
// manual configuration for the spacer plugin in:
// https://github.com/aldryn/aldryn-bootstrap3/
// requires bootstrap 3

I wanted to know how to configure manually you mentioned in order for spacer plugin to use spacer_plugin.scss and works well.
Looking forward to your reply.

@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