Created
December 24, 2016 14:34
-
-
Save FinalAngel/40ea3fd48c0b9094ec7ded5d0e5d7395 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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; | |
} |
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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@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.