TOIT Training

Learn SASS and Build Your Own CSS Library

Learn SASS and Build Your Own CSS Library
  • Overview
  • Curriculum
  • Reviews

 

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.

  • 2 Sections
  • 22 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

 Getting Started

4 Lessons 0 Quizzes
  • Introduction
  • Compiling SASS
  • Variables
  • Partials

 Making Your Own CSS Library

18 Lessons 0 Quizzes
  • Project Structure
  • Nested Rules
  • Using Math
  • Maps
  • Loops
  • Conditionals
  • Parent Selectors
  • Mixins
  • Functions
  • Utilities
  • Breakpoints
  • Making a Grid System (Part 1)
  • Making a Grid System (Part 2)
  • Using @extend
  • Using the CSS Library
  • Purging CSS
  • Customizing the Library Using !default
  • Extending the Library Yourself

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • Compile SASS to CSS
  • Use and define SASS variables
  • Organize code with SASS partials
  • Structure a CSS project
  • Implement nested rules in SASS
  • Perform calculations with SASS math functions
  • Create and utilize maps in SASS
  • Apply loops to generate styles
  • Use conditionals to control styling logic
  • Reference parent selectors
  • Define and use mixins for reusable styles
  • Create custom functions in SASS
  • Generate utility classes with SASS
  • Establish breakpoints and media queries

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Learn SASS and Build Your Own CSS Library
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)