SCSS - Syntactically Awesome Style Sheets.
References
- https://sass-lang.com - SASS home page
Converting your Angular application from CSS to SCSS
use this command
1 | ng config schematics.@schematics/angular:component.styleext scss |
This adds something to the angular.json file indicating that scss files are used (rather than css). But your existing project still needs to be corrected. I found several articles to help with this
References
https://medium.com/@manivel45/configuring-angular-7-project-with-sass-bootstrap-and-angular-material-design-69b0f033dc04 - I followed the process outlined in this. I ran into a problem in that it expected my do use bash, and I used terminal window and the differences caused issues. But the article was complete enough that I was able to update everything without too many problems.
https://scotch.io/tutorials/using-sass-with-the-angular-cli - another good article. It’s slightly dated but has a comments section which provide information.
SCSS vs SASS
- Version 3 of SASS introduced, SCSS
- Summary – SCSS is newer, use it.
References
- http://www.thesassway.com/editorial/sass-vs-scss-which-syntax-is-better - slight discussion about SASS vs SCSS
- https://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass - I like this better, but says the same thing. Use SCSS it’s more current. SASS was based on the syntax of Ruby.