Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.
Primarily it exists because we're working with Sparkbox on a redesign and it's a way for us to communicate with them the different styles that exist on the site currently. Another reason I created this is to prove to myself that I was working this way at all. I assumed I worked in reusable patterns, but this page was my way to prove it to myself.
Anyway, here they are.