Skip to content

Instantly share code, notes, and snippets.

@LibertysYarn
Created January 31, 2014 00:26
Show Gist options
  • Save LibertysYarn/8723081 to your computer and use it in GitHub Desktop.
Save LibertysYarn/8723081 to your computer and use it in GitHub Desktop.
.hex {
float: left;
margin-left: 3px;
margin-bottom: -26px;
}
.hex .top {
width: 0;
border-bottom: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
}
.hex .middle {
width: 104px;
height: 60px;
background: #6C6;
}
.hex .bottom {
width: 0;
border-top: 30px solid #6C6;
border-left: 52px solid transparent;
border-right: 52px solid transparent;
}
.hex-row {
clear: left;
}
.hex-row.even {
margin-left: 53px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment