How to convert existing CSS to SCSS or SASS

Learn how to build custom HTML buttons from scratch with HTML, CSS, SCSS and React. We are also going to learn how to create tests for our custom React buttons using React Testing Library and Jest testing framework.

We are going to build custom HTML buttons based on Bootstrap, Material, block and pill styled buttons.

Part 2: How to build custom HTML buttons like Material style buttons from scratch:

Part 3: How to build custom HTML block buttons from scratch:

Part 4: How to build custom HTML pill buttons from scratch:

Part 5: How to convert existing CSS to SCSS or SASS:

Part 6: How to build custom HTML buttons in React and TypeScript from scratch:

Part 7: How to create tests for custom React components using React Testing Library - Jest testing framework:

Figma file used in the tutorial can be found here:

Final CSS used in this series can be downloaded here:

[abhishak]

cn we write the whole web page using css and then using online converter convert the css file to scss file ?

[ranjithreddyanumula]

how to install and import scss file in that?