1583311 - [META] choose & impl updated CSS strategy for New Tab in m-c

Status: NEW

(Firefox :: Messaging System, task)

Description

[Dan Mosedale (:dmosedale, :dmose)]

Currently, New Tab is using node-sass as a way to move faster and keep style sheets more maintainable. These sources are built into CSS files, and these artifacts are built with the (binary) node-sass npm package and then checked into m-c. In order to make uplifts cleaner and easier, we need to do any CSS transpiling as part of the normal m-c build process. There are several options:

• Vendor in node-sass, and hook it up to the m-c build process. We would need to convince ourselves that the binary, license and security implications of vendoring in node-sass are worth it, which might be complicated.
• Switch to vanilla CSS.
• Choose a minimal alternative solution, likely using and vendoring in PostCSS. CSS modules is one possibility.