Posts Tagged: atomic css

Atomic CSS utility classes for Twitter Bootstrap (or stand alone)

read post

evolution

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.

Click here for an example of how it all works  Download from gitHub

Package includes SCSS file and expanded + minified resulting CSS files… read more »