Overview
Syllabus
Intro.
What Is Sass?.
Requirements.
Install/Setup Live Sass Compiler VS Code Extension.
Folder Structure / Sass Syntax.
Variables.
Maps.
Nesting.
Partials.
Functions.
Mixin Example 1.
Mixin Example 2.
Mixin Example 3.
Extend.
Math Operations.
How to Learn More (Documentation).
Real-World Example From Scratch (Portfolio Site).
index.html.
Font Awesome Setup.
main.scss / _config.scss.
_home.scss.
Transition Ease Mixin.
Text Color Function.
_menu.scss.
main.js.
Menu cont..
about.html.
_about.scss.
projects.html.
_projects.scss.
contact.html.
_contact.scss.
_responsive.scss.
Deploy on Github Pages.
Taught by
freeCodeCamp.org
Reviews
5.0 rating, based on 1 Class Central review
-
I have fun doing sass tutorial. I love the video and it really hooks me to do the scss style of web designing. As someone who has been using CSS for a while, I was curious about learning SCSS and decided to give a video tutorial a try. I found a gre…