Check out example codes for "how to use scss in html". It will help you in understanding the concepts better.
Code Example 1
You have to use an SCSS compiler.
Code Example 2
/* Answer to: "how to use scss in html" */ /* Unfortunately, you can't directly insert an SCSS (Sassy CSS) file into your HTML. That's because SASS is a superset (or so-called preprocessor or extension) of CSS3's syntax, which is NOT supported by web browsers. To take full advantage of all the incredible features offered by SCSS in your HTML page, you’ll first have to compile it down to CSS. For more information, check out the answers in: https://www.quora.com/How-do-I-insert-an-SCSS-file-into-HTML */
Learn ReactJs, React Native from akashmittal.com