SCSS compilation not working properly

[kumaresan-subramani]

HI Team,

Below is my scss file

.mat {
@import "ej2-base/styles/material.scss";
@import "ej2-buttons/styles/material.scss";
@import "ej2-popups/styles/material.scss";
@import "ej2-splitbuttons/styles/material.scss";
}
.boot{
    @import "ej2-base/styles/bootstrap.scss";
    @import "ej2-buttons/styles/bootstrap.scss";
    @import "ej2-popups/styles/bootstrap.scss";
    @import "ej2-splitbuttons/styles/bootstrap.scss";
}

In here, i want to load material theme while changing class to the body.But styles not get added

Here i have attched my sample
scsssIssue.zip

Repo steps

• Download above sample

• GIve npm i command then ng serve

• you will see button in browser

• Then click click me button - style wont get added'

if you chage scss like below

@import "ej2-base/styles/material.scss";
@import "ej2-buttons/styles/material.scss";
@import "ej2-popups/styles/material.scss";
@import "ej2-splitbuttons/styles/material.scss";

Style getting added properly

[kumaresan-subramani]

Reference - sass/sass#2888

[kumaresan-subramani]

P.S. You are setting an include paths of node_modules/@syncfusion, but after npm install that directory doesn't contain the files that you are trying to import. You should look into that directory to see what SCSS files you have.

Read questions clearly then start replying - Just my repo steps and start replying otherwise please dont reply

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}