Deal with vertical margins and fractions of heights #8
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I've added two extensions....
Deal with vertical margins:
By calculating the height of an object with .outerHeight(true) and setting the new height the same way it's possible to include margins in the calculation. This makes especially sense in combination with the other extension.
Deal with fractions of the height:
The idea is that if you have some kind of a setup with boxes where some boxes must be exactly half the height of the other boxes you can specify the fraction with "vertilize='0.5'". If you leave it out (just use "vertilize") it defaults to 1 which leads to the default behaviour. It allows to have any fraction, i.e. half, third, quarter, ...
If you have equal margins on the full and half boxes in such a setup then the combination of the two leads to a layout where you have the backgrounds horizontally aligned.