scss warnings with ng5

[maku]

when I am using ngx-sharebuttons 4.1.2 with ng 5.0.0 I get warnings regarding scss (with angular-cli 1.5.0)

./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss
(Emitted value instead of an instance of Error) postcss-custom-properties: /Users/martin/_work/findu_ng5/client/src/styles.scss:1752:5: variable '--hover-color' is undefined and used without a fallback
 @ ./src/styles.scss 4:14-187
 @ multi ./src/styles.scss

the reason is the import:

@import '~ngx-sharebuttons/styles/themes/default/default-theme';

[MurhafSousli]

@maku I think this is a bug in angular-cli 1.5.0, the plugin they use for compiling the sass files seems not to support the variables such as --hover-color. I am not sure!

Fortunately, the compiled css is included in 4.1.2, just add .css

[maku]

@MurhafSousli this change has no effect. The cli brings a bunch of warnings....

[maku]

Here is an example of the warning

./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/ngx-sharebuttons/styles/themes/default/default-theme.css
(Emitted value instead of an instance of Error) postcss-custom-properties: /Users/martin/_work/findu_ng5/client/node_modules/ngx-sharebuttons/styles/themes/default/default-theme.css:1:1022: Custom property ignored: not scoped to the top-level :root element (.sb-default .sb-wrapper.sb-more { ... --color: ... })
 @ ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/sass-loader/lib/loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/styles.scss 4:10-206
 @ ./src/styles.scss
 @ multi ./src/styles.scss

[MurhafSousli]

@maku Yes I see, I found a related SO