檢查 CSS 符合 BEM 命名規則
BEM 命名規則在 CSS 開發為必備,透過 Stylelint 也可加以檢查。
BEM 命名規則在 CSS 開發為必備,透過 Stylelint 也可加以檢查。
Stylelint 可檢查 CSS,除了安裝 Stylelint 外,還要安裝 Stylelint-config-standard。
Stylelint 可檢查 SCSS,除了安裝 Stylelint 外,還要安裝 Stylelint-scss 與 Stylelint-config-standard-scss。
Stylelint 可檢查 SCSS,除了安裝 Stylelint 外,還要安裝其他 Plugin 與修改設定檔,才能完成 檢查 BEM、查狀結構 與 樣式排序…等需求。
Stylelint 可檢查 CSS,除了安裝 Stylelint 外,還要安裝其他 Plugin 與修改設定檔,才能完成 檢查 BEM、查狀結構 與 樣式排序…等需求。
實務上會想將每個 Template 或 Partial 有自己的 CSS 檔,在開發階段亦保持獨立,直到編譯階段再將所有 CSS 檔合併成單一 CSS 檔。
不同瀏覽器對 HTML Tag 都有其預設 CSS Style,為了讓個瀏覽器表現一致,建議使用 CSS Reset 將所有預設 CSS Style 清除。
在 .scss 使用新的 @use 引用其他檔案時,WebStorm 會報錯找不到檔案。
Hugo 內建支援 LibSass,可直接使用。
頁尾 部分常會在各網頁重複出現,相對應 HTML 的 <footer> 標籤,可將這部分內容抽成 footer Partial 方便維護,並搭配 _footer.scss。