I’ve previously shared a Sass snippet meant to allow me to use Foundation media queries in my projects.
After reading this article by Erskine Design I’ve decided to apply the same principle and fluent syntax as before but use, instead, Erskine break points.
Being a huge fan of Sublime Text and its Nettuts+ Fetch plugin I’ve published the file in a gist to be able to “fetch” it anytime.
What I liked over Foundation break points is its bigger detail and the break points starting at 300px; here are the break points in a 16px font size base:
Range
lower bound
upper bound
x-small
300
399
small
400
499
medium
500
699
large
700
849
xlarge
850
995
xxlarge
996
1200