客製bs5.3 向下兼容 bs3
最近接手的專案,它的底層用bootstrap3.4 來撰寫。
bs3.4 的一些css utility 已經太舊了, 在使用上沒有bs5 來的方便。
所以就只好compile bs5.3 向下兼容性的。
在基礎上 還是保有bs3.4 的功能,ex: <p> 、<a> 、.col-lg-3
這次的向下兼容改版不好改,有些地方需要修改底層加入特殊prefix,前提是不能影響既有bs3框架。
這次就用了postcss 來幫忙做css 後處理
SCSS 程式碼撰寫 → Utility 前綴撰寫→ PostCSS→ 最終 CSS 輸出
現在是只要加入bs5- 前綴 就能使用bs5 的語法,幸好bs5 寫得很多是變數,所以在使用postcss 改, 會比較輕鬆
留言
張貼留言