Atomic CSS is a way of writing style sheets with one property per declaration, if we put it simply. If you have coded at least one large, scalable, responsive UI you probably already know how useful this approach is:). If the concept is new for you, here is a great article that explains what about: http://www.smashingmagazine.com/2013/10/challenging-css-best-practices-atomic-approach/ .
We have decided to share a small set of CSS helper classes that proved to be very useful in out work with large responsive UIs. Those classes are written for Twitter Bootstrap framework, style sheet uses the same break points. But helpers – or atoms – can be used with any framework, in any project. You can add your own atoms, breakpoints, change naming convention, etc.
Package includes SCSS file and expanded + minified resulting CSS files… read more »