Look at all that repetition! That’s almost 50 lines of Sass. Adding new offices
to that list would add even more to the repetition. I wanted to get rid of all
the repetition and make it really easy to add new offices if we need to in the
future. I started off by putting all our offices in a variable then looped
through them and used some interpolation to assign the right icon to the right
city.

There’s still some repetition in that loop with different positioning for each
of the icons. Each of the cities that I am overriding the position is getting
two lines of positioning when one will do. I figured that there had to be a
better way to handle to the differing positions in Sass too.

Luckily for me, Sass 3.3 was released with Sass maps while I was designing
the new icons. Connie suggested I try putting the offices into a map with
their respective y-position. I went back to my list of offices and converted it
to a map.

FormKeep
is a form backend for your static sites. Great with Jekyll or Middleman.
No iframes, JavaScript embeds, or CSS overrides.
Filter submissions for spam and forward them to other services using webhooks.