Concept Atomic CSS Study

HTML
More Information refer : <a href="http://patternlab.io/">http://patternlab.io/</a><br><br> Purpose : <br> 1) Avoid "look a like design"<br> 2) Achieve scalable website <br> 3) Achieve highly maintenance <br> 4) Achieve new practice for CSS <br> 5) Achieve Setup your own CSS framework <br><br> Project Scope <br> 1) Large website <br><br> Lesson 1 : Atoms <br><br> <button class="large bg-lightblue t-white">Button</button> <br><br> Lesson 2 : Molecules <br><br> TO BE CONTINUE ..
CSS
/* Separate saturate Properties */ /*Atoms*/ /*ex Saturate - Large */ .large{width:100px; height:26px;} /*ex Properties - color */ .bg-lightblue{background-color: lightblue;} .t-white{color:white;}
Javascript