The previous version of liquid grid would not take margins into proper
account. With this patch the margins are a correct percentage of the
container, and adding multiple margins / columns together should add up
to just about 100% (not entirely accurate, but very close).
The math is as follows:
With the previous version, you get these numbers:
4.173% grid width * 24 columns = 100.152%, which due to rounding 'fixes'
in the template becomes exactly 100%. However, this is without any margins.
Once you add margins, you exceed 100%, rendering margins unusable. To add
to the confusion, the margins are not a percentage of the width, but instead
in 'em' units, making it very difficult to keep the entire grid from getting
beyond 100% in width once you add margins.
With this patch, you get these numbers:
(3.167% grid width + 1.042% margin) * 24 columns = 101.1016%. Since you
don't use any margin for the last column, you subtract one margin and end up
with 99.974%. Optimally this number would be 100.000%, but the 0.026% error
is difficult to remove, and an acceptable compromise in my opinion.
In summary, this patch enables margins to be used with the liquid grid,
which is the expected behaviour.
* master:
[Blueprint] Add mixins for +prepend-top and +append-bottom and corresponding grid classes when generating the css grid classes.
Use FSSM by Travis Tilley to monitor for filesystem changes. On mac this will use filesystem events instead of polling. Fixes an infinite looping issue when compilation errors occur.
to the new compass/utilities/css3 module. If you were explicitly importing
compass/utilities/general, compass/utilities/general/inline_block or
compass/utilities/general/opacity to access the opacity or
inline-block mixins, you'll need to update your imports.
Added the following mixins:
+push-base
+push-margins
+pull-base
+pull-margins
The generated css when using presentational class names will be smaller as a result.
This port adds semantic win and color customization to your blueprint button
styles. It also let's you choose whether you want to float them right,
left, or leave them inline-block.
To install this plugin into your project run the following command.
compass -f blueprint -p buttons
Or if you have a rails project:
compass --rails -f blueprint -p buttons
YUI doesn't even consider it part of the reset. With so much
disagreement, I decided to make the compass reset agnostic and let
individual frameworks decide what the body line-height ought to be.
