twigkit/semantic.gs — pull request #42 by robfletcher (2012-01-25 13:01:46+00:00)
Title: specify `margin-left` and `margin-right` separately

I've made a small change so that the grid stylesheets specify `margin-left` and `margin-right` individually rather than using `margin: 0 x`.

I'm using `section` tags for columns and have a rule like this in my _less_ file:

section {
margin-top: @gutter-width * 1px;
}

section#foo {
.column(8);
}

Because the specificity of the id-based selector beats the general tag rule the margin top is never applied as the `.column` mixin overrides it. I didn't want to apply the top margin in the id-based rule as it's the same on every single column element. The only other way I could get it to work without modifying `grid.less` was to add `!important` which is pretty horrible!