Course
Skills Expanded
Simplifying CSS in Visual Studio With Sass
Create more maintainable CSS in less time.
What you'll learn
Sass makes writing and maintaining CSS easier and quicker. It is a superset of CSS that provides time-saving features, but still compiles to standard CSS. Using Sass, we can get better readability and organization, reduced duplication and maintenance cost, use calculated values and variables, and write less repetitive boilerplate CSS.
Table of contents
Getting Started
14mins
Sass Fundamentals
38mins
- Module Overview 3m
- Reducing Maintenance Cost With Variables 6m
- Reducing Duplication With Mixins 8m
- Improving CSS Readability With Nested Rules 3m
- Improved Organization and Reuse With Multiple Style Files 5m
- Use Fewer CSS Classes in HTML With Sass Inheritance 6m
- Adding Internal and External Comments 2m
- Sass Compilation Errors and Debug/Warning Messages 3m
- Module Summary 3m
Advanced Sass Features
42mins
- Module Overview 3m
- Performing Mathematical Calculations 3m
- Parent Selectors in Nested Rules 3m
- Lists of Values 4m
- Using Mixins With the @content Directive and Media Queries 6m
- Passing a Variable Number of Arguments to Mixins 2m
- Color Functions 3m
- Performing Conditional IF Logic 2m
- Counter-Based Loop Iteration 3m
- List-Based Loop Iteration 2m
- Maps of Key-Value Pairs 4m
- Creating Non-Generating Base Selectors 2m
- Nested Properties 1m
- Module Summary 3m