How to make variable css to scss?

Ionic Framework Ionic Vue
1

Hi,
Is there any way how to convert CSS to SCSS?

2

just simple like generate install scss into vue, the methods will below:

npm install -D sass sass-loader@^10

after installed completed, the next thing you must do is install node-sass

npm install -S node-sass

after installation is completed, You’re able to use scss inside your project.

1 Like
3

You can make your variable as well as change its value like this

:root{
–my-colour: #fff;
}

Now you can assign --my-colour to your scss variable as well so you wont have to do change in multiple places:

$theme : var( --my-colour );

1 Like
4

@whitersun Thanks mate, cant wait to try

5

@whitersun Opps! It’s not working…

I installed below and change variable.css to variable.scss and stll got the error
npm install -D sass sass-loader@^10
npm install -S node-sass

image
image1532×803 56 KB

6

did you try change the direct file name in main.js?

Cus the problem is in you main.js of variable is css file, so that why system will call errors.

1 Like
7

Perfect :slight_smile: thanks mate