css style 通用規範

[clonn]

在設定 css 的時候，因爲我們大部分都是採用 scss + compass ，有幾個地方需要注意，

• 檔名請以負責範圍爲主，ex, 請不要使用 _top.scss, 而是採用 _topNav.scss
• class 命名，請以 - 分開，全部使用小寫， ex, container-top-nav, container-inner-wrap
• 如果要採用 css3 的範圍，請盡量採用 compass/css3 mixin
• class 命名，請以主要元件用途爲主，不要以樣式來命名，
  • Good, module-nav (O)
  • Bad, module-float-left (X)
• 重複數值，請轉宣告成變數，確保 scss 日後可維護性，可讀性
• 變數，統一在檔案最上端進行宣告
• 載入 @import ，統一在檔案最上端進行載入
• 使用巢狀 CSS，盡量要保持在三層以內。

  Ref

• smacss
• OOCSS
• BEMCSS

[clonn]

如果需要多個 class 需要使用屬性時，寫法請統一。 用分行最後逗號的方式進行區隔開來，

.form-control, 
.gap_position,
.radio > label {
  margin-left: 20px;
}