[Feature] CSS Basic architecture  

Preview: <a href="https://github.com/bblurock/sms-coding-standard/blob/front-end-BEM-draft/CSS.md">here</a>
但是我們現在有了 pre-processor (SASS, LESS) 的 ```@extend``` or [mixin](http://lesscss.org/features/#features-overview-feature-mixins)，所以 single class 也不會再有重複程式碼的問題。

如下

```
.btn {
    border: 1px solid;
    padding: 10px;
}
.btn-primary {
    .btn;
    background-color: green;
}
.btn-info {
    .btn;
    background-color: blue;
}
```
所以大家喜歡用哪一種方式呢？

Do chi !?