Hexagon shape and size does not allow proper spacing (remove border to correct)

[sevaan]

In the design guidelines there are lots of examples of stacked hexagons.

Here's an example:

However, if you use the hexagons provided in the repo, they don't stack elegantly and it requires splitting pixels in order to align things correctly. Here's an example; notice how the bottom two hexagons don't have a white space between them like they do when placed next to the hexagon above:

Upon further investigation, it seems that the hexagons have a black 2px border on the outside of the shape. This is throwing everything off. If you remove the border and resize the hexagon correctly, the spacing is corrected:

[patrickkeenan]

Great point, love the detail, I've revised the template

[patrickkeenan]

Great point, love the detail, I've revised the template