制定 BB 鳥規則時需遵循的規範: • 只包含不可變的規則,而不是籠統的說明• 總是把規則提煉成最簡單的表達• 總是首先說明規則是什麼,再說明“如果不這樣,那麼會如何”• 每個規則必須包含以下詞中的一個——總是、永遠不要、只有、每一個、不要、要 設計系統的規則列表: • 永遠不要給佈局的子內容強加內 ...
制定 BB 鳥規則時需遵循的規範:
• 只包含不可變的規則,而不是籠統的說明
• 總是把規則提煉成最簡單的表達
• 總是首先說明規則是什麼,再說明“如果不這樣,那麼會如何”
• 每個規則必須包含以下詞中的一個——總是、永遠不要、只有、每一個、不要、要
設計系統的規則列表:
• 永遠不要給佈局的子內容強加內邊距和元素樣式。佈局只關註垂直對齊、水平對齊和文字間距。
• 主題和別的數據屬性值永遠不要強制改變外觀;它們必須保持佈局、組件和元素可以應用於其上。
• 組件總是貼著它的父容器的四個邊,元素都沒有上外邊距和左外邊距,所有的最後節點(最右邊和最下邊的節點)的外邊距都會被清除。
• 組件本身永遠不要添加背景、寬度、浮動、內邊距和外邊距的樣式,組件樣式是組件內元素的樣式。
• 每個元素都有且只有一個唯一的且作用域只在組件內的 CSS 類名。所有的樣式都是直接應用到這個選擇器上,並且只有上下文和主題能修改元素的樣式。
• 永遠不要在元素上使用上外邊距,第一個元素總是貼著它所在組件的頂部。
• JavaScript 永遠不要綁定任何元素的 CSS 類名,選中元素通過數據屬性實現。