如何構建高效

Question

指南針SASS我指南針青菜的beginer，我想知道應該如何構建一個高效率的指南針SASS項目。 github中是否有任何指南針sass框架？或者任何有經驗的開發人員都會建議我寫一個好的指南針sass項目。非常感謝。

Answer 1

各種框架已經被移植和指南針的工作，但我不建議他們。常見的CSS框架都是一成不變的，因爲這是您用CSS預設列表完成的最佳選擇。藉助Sass，您可以構建更多有針對性和靈活的工具，然後使用Compass以獨特的方式將它們組合在一起。

有幾個SO已回答的問題是有關你問：

• Using Compass/Sass with another CSS framework更多關於框架。
• SASS: Extending Classess vs Variables更多關於使用@extends。
• Structuring CSS (SASS, LESS) files by elements, by function and by media queries: 3D code structure?瞭解更多有關組織您的代碼的信息。

保持mixins和沉默類（如%mgb5）儘可能簡單而不失意義。對於一般的班級來說這是一個很好的規則。 nav很短而且仍然容易理解，mgb5不是那麼多。同樣的規則可以引導你在mixin/class中。如果你只有一個屬性，mixin/class可能沒有多大意義。如果你有三十個，它可能會帶來太多的意義。只要每個代表一個獨特而有意義的操作，就可以將更大的混合/類拆分爲更小的代碼以獲得更大的靈活性。

相同的基本準則適用於靜態css與變量。如果任何規則的目的不明確在普通的css中，那麼它應該成爲混合，函數或變量的一部分，從而賦予它所需的含義。如果18px只是一個現在看起來很好的尺寸，18px就好了。但是，如果18px是規模集合規模的一部分，或者具有特定用途，請將其命名爲：$large: 18px;或$gutter-width: 18px;。