最后一段時間一直在做一些網站或是CMS的項目，想用bootstrap，但是，設計那哥們說了，用什么都行，就不能用bootstrap，我去了個.....
無語中，逼着自己寫。說實話，就是用bootstrap也只能用些基本的，大部分的式樣還得改，因為UI有很大的出入。下面是我的一些經驗，css同js一樣，不管項目多大，都要從鏍絲釘開始做起，再給不同的鏍絲釘套不同尺寸的帽子，要由小至大的寫，不能由大至少的寫，不然，做到最后，瘋掉的只能是自己。
項目UI比較另類，因此，我計划以bootstrap組件名稱為頭，寫一個個的小組件，這樣一目了然。
以上scss目錄中包含一個ui組件，就是各個鏍絲釘，在這些鏍絲釘中又有兩個公共的ui，分別是Color.scss與Size.scss （顏色與大小）。
我使用的編譯scss的工具是 Koala 。這個項目用到的樣式只有一個出口，就是 management.scss 文件，編譯過程中文件的引用，絕對要做到每個文件僅編譯一次。
上面是ui.scss 文件，是除color.scss 外所有基本組件的集合，因為color在size中已經被引用，沒必要再重新加載一次。如果重復引用了，查找的方法是在每個ui前添加一個 /*注釋*/ ，這段注釋會被編譯，通過查看這個注釋來確定是哪個ui出了問題。當然也可以一個個的查看。
項目中的 common.scss 是私有部分中提取的公共樣式，這層公共樣式是為了在各個小的組件上添加的父層之后的一些效果，比如同樣的組件，父組不同，顯示效果不同。這樣寫可以寫少的樣式，但是能寫不同風格的布局。