csswizardry/inuit.css — pull request #234 by nicoburns (2013-07-22 10:31:11+00:00)
Title: Enable easier control of borders in block lists

Block-list's bottom borders are defined on the bottom `
` element. This makes it difficult to remove the top and bottom borders from a block list.

This change uses the adjacent sibling selector to limit `
` element's borders to 'internal borders', and defines the bottom 'external border' on the `.block-list` element like the top 'external border'.

This allows you to easily do things like this:

```css
.block-list--noborders {
@extend .block-list;
border-top-width: 0;
border-bottom-width: 0;
}
```

or

```css
.block-list--allborders {
@extend .block-list;
border-width: 1px;
}
```
Which would previously have lead to double borders (or required changing the borders of `
` elements).