How to include SCSS file in HTML

css sass scss-mixins
Yuvaraj picture Yuvaraj · Feb 25, 2013 · Viewed 110.9k times · Source

I dont know how to include SCSS file in my website but I have completely developed .scss file using notepad. Please let me know how to include it in my website?

Answer

designerNProgrammer picture designerNProgrammer · Feb 25, 2013

You can't have a link to SCSS File in your HTML page.You have to compile it down to CSS First. No there are lots of video tutorials you might want to check out. Lynda provides great video tutorials on SASS. there are also free screencasts you can google...

For official documentation visit this site http://sass-lang.com/documentation/file.SASS_REFERENCE.html And why have you chosen notepad to write Sass?? you can easily download some free text editors for better code handling.

Related questions

How do I use bootstrap mixins in angular-cli

I tried using a mixin in my styles.scss but it says it is not defined. I've tried: Using it in styles.scss @include media-breakpoint-up(sm) { .some-class { display: block; } } result: @include media-breakpoint-up(sm) { ^ No mixin named media-breakpoint-up importing bootstrap again: @…

Read More
What's the difference between SCSS and Sass?

From what I've been reading, Sass is a language that makes CSS more powerful with variable and math support. What's the difference with SCSS? Is it supposed to be the same language? Similar? Different?

Read More
Sass Variable in CSS calc() function

I'm trying to use the calc() function in a Sass stylesheet, but I'm having some issues. Here's my code: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) If I use the literal 50px instead of my …

Read More