Replace node-sass bundles by native CSS imports
Background / User story
Node Sass has been deprecated and to avoid a possible lack of support, we should consider alternatives.
As the only feature we are making use of, from node-sass, is the ability to create CSS bundles and to avoid adding bigger dependencies, it's a good opportunity to make use of native CSS @import
and drop any CSS bundling dependency.
What to change
- Design: N/A
- Research: N/A
- Spec: N/A
- Legal: N/A
-
Development:
- Use
css/*.css
files instead ofskin/*.css
:- Rename
*.scss
files to*.css
. - Update references in HTML pages.
- Update mapping in adblockpluschrome/build/config/base.js.
- Update the following npm scripts:
prettier
$ lint.css
- Rename
- Stop building
skin/*.css files
:- Remove "sass" npm package.
- Remove
skin/*.css
entry from .gitignore file. - Remove the following npm scripts:
bundle
$ bundle
$ create.bundle
$ create.css
$ create.dist.ui
$ watch.bundle
- Use
Hints for testers
No styles, images or fonts should be missing on any UI page.
Any problems during the initialization of the UI page, which used to cause the UI page to be shown in an invalid state, now means that the UI page will remain completely empty.
Hints for translators
N/A
Edited by Thomas Greiner