Development

Learn SASS and Build Your Own CSS Library

Intermediate
3h

By: Shaun Pelling

Learn SASS and Build Your Own CSS Library

Overview

This course is focused on SASS, a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). It teaches how SASS extends the capabilities of CSS, making it more powerful with features like variables, nested rules, mixins, functions, and inheritance. The course guides learners through the process of building their own CSS library with SASS, enabling them to create reusable styles that can be included in multiple web development projects. Participants learn to structure their SASS files for maintainability, use partials to organize their code, and compile their SASS into efficient, minified CSS files. By the end of this course, learners are equipped to leverage SASS in developing a custom CSS library that streamlines the process of styling websites and applications.

Modules

1. Getting Started

1.1 Introduction5 min
1.2 Compiling SASS16 min
1.3 Variables8 min
1.4 Partials5 min

2. Making Your Own CSS Library

2.1 Project Structure7 min
2.2 Nested Rules8 min
2.3 Using Math7 min
2.4 Maps7 min
2.5 Loops11 min
2.6 Conditionals4 min
2.7 Parent Selectors5 min
2.8 Mixins12 min
2.9 Functions6 min
2.10 Utilities14 min
2.11 Breakpoints10 min
2.12 Making a Grid System (Part 1)15 min
2.13 Making a Grid System (Part 2)9 min
2.14 Using @extend11 min
2.15 Using the CSS Library10 min
2.16 Purging CSS6 min
2.17 Customizing the Library Using !default8 min
2.18 Extending the Library Yourself4 min

Ready to Elevate Your Team's Learning?

Talk with our sales team to see how StormWind can transform the way your organization trains and grows.

CONTACT SALES