Sass example html

Include sass in html

You have to use a build tool like Gulp which will convert the SASS file to CSS file , then you just have to link the CSS file in your HTML.
What’s interesting is that you don’t have to do this everytime you make a change in your SASS file. Gulp has a watch function which monitors the SASS files for changes and generate CSS file on the fly.
To use SASS with gulp , follow this tutorial - http://ryanchristiani.com/getting-started-with-gulp-and-sass/

Aditya Agarwal

Source: quora.com

Sass example html

/*
SASS default file *.scss must be converted to *.css to use in html

Installation: 
npm install -g sass
*/
<head>
	<link rel="stylesheet" href="styles.css">
</head>
/* create new file styles.scss and fill */
$myColor: red;

body {
  color: $myColor;
}
/*
in terminal run: sass --watch styles.scss styles.css

info from https://sass-lang.com/install
*/

Similar codes

0 vote161 views1 answer
CSS adding background image from file
CSS
1 vote254 views1 answer
@extend must be used with a %placeholder
CSS
0 vote223 views2 answers
Css style select arrow color
CSS
68 votes168 views5 answers
Jquery css
CSS
55 votes176 views5 answers
Margin shorthand CSS
CSS
40 votes173 views2 answers
All.min.css cdn
CSS
1 vote168 views1 answer
How do you display a border like this:
CSS
4 votes185 views5 answers
Bootstrap img src
CSS
1 vote166 views2 answers
Inline border css reactjs
CSS
32 votes177 views6 answers
Background image size css
CSS