Hello Brenna,
I'm loving this nifty tool. I've noticed some improvements for the image version.
Problem one: if the hexagon's parent is set to text-center, then the images will be messed up:
Simply add text-align: left; to the main hexagon element.
- This was more tricky:
Those edges got me annoyed, but I fear no CSS. The solution is to displace the bg image, so it won't bleed through :)
Add this to hexTop, hexBottom.
background-position: -250% -250%;
background-repeat: no-repeat;
I could send a pull request.
Hello Brenna,
I'm loving this nifty tool. I've noticed some improvements for the image version.
Problem one: if the hexagon's parent is set to text-center, then the images will be messed up:
Simply add
text-align: left;to the main hexagon element.Those edges got me annoyed, but I fear no CSS. The solution is to displace the bg image, so it won't bleed through :)
Add this to hexTop, hexBottom.
I could send a pull request.