diff --git a/jupyter-widgets-htmlmanager/test/webpack.conf.js b/jupyter-widgets-htmlmanager/test/webpack.conf.js
index 891f4fb21c8..16e5166f8f1 100644
--- a/jupyter-widgets-htmlmanager/test/webpack.conf.js
+++ b/jupyter-widgets-htmlmanager/test/webpack.conf.js
@@ -17,10 +17,22 @@ module.exports = {
{ test: /\.json$/, loader: 'json-loader' },
],
},
- postcss: function () {
+ postcss: () => {
return [
- require('postcss-import'),
- require('postcss-cssnext')
+ postcss.plugin('delete-tilde', () => {
+ return function (css) {
+ css.walkAtRules('import', (rule) => {
+ rule.params = rule.params.replace('~', '');
+ });
+ };
+ }),
+ postcss.plugin('prepend', () => {
+ return (css) => {
+ css.prepend(`@import '@jupyter-widgets/controls/css/labvariables.css';`)
+ }
+ }),
+ require('postcss-import')(),
+ require('postcss-cssnext')()
];
}
}