-
-
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 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.
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.
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
I am a new at Django CMS and aldryn-bootstrap3.
Could you let me know how to configure it manually?