EthicsComputerCourses
Join training

Web Development Build websites and web apps, from your first HTML page to React and Next.js.

Backend Development Server-side apps and APIs with Node.js, PHP, Django, Spring Boot and ASP.NET Core.

Programming Languages Core languages for college, coding interviews and real projects.

Mobile Development Build Android and iOS apps with Flutter and Swift.

Computer Science Core Operating systems, networks, DBMS and system design for college, GATE and interviews.

Databases Store, query and design data with SQL, PostgreSQL and MongoDB.

Data Science & AI Statistics, data analysis, dashboards and machine learning.

Cloud, DevOps & Testing Containers, Kubernetes, the cloud and software testing.

Security & Systems Protect systems and work confidently on Linux servers.

IoT & Electronics Build smart devices with Arduino, sensors and Raspberry Pi.

Office, Accounts & Career Computer basics, Excel, Tally with GST and digital marketing for jobs and business.

New to coding? Start with Intro to Programming Browse all 68 tutorials
EthicsComputerCourses
Join training +91 90532 10052
  1. Tutorials
  2. Sass Tutorial

Sass Tutorial

Write cleaner, reusable stylesheets with Sass: variables, modules, mixins and functions, compiled live in your browser.

26 free lessons Beginner to Advanced Covers Dart Sass 1.107 (examples compile with Dart Sass 1.105.2 in the browser)

Start the first lesson

Getting Started Beginner

  1. 1Sass Introduction
  2. 2SCSS, Indented Syntax & Comments
  3. 3Install Sass (npm, Standalone & Vite)
  4. 4Compiling & Watch Mode

Sass Basics Beginner

  1. 5Sass Variables
  2. 6Nesting & the Parent Selector
  3. 7Interpolation
  4. 8Operators & math.div

Modules Intermediate

  1. 9Partials & @use
  2. 10@forward & Module Libraries
  3. 11@import Deprecation & Migrating Old Code

Reusable Code Intermediate

  1. 12Mixins & Content Blocks
  2. 13Functions & @return
  3. 14Placeholder Selectors & @extend
  4. 15Control Flow: @if, @each, @for, @while

Built-in Modules Advanced

  1. 16Maps & Lists
  2. 17Built-in Modules: math, string & meta
  3. 18Colour Functions & Colour Spaces
  4. 19@debug, @warn & @error

Real-World Sass Advanced

  1. 20Responsive Breakpoint Mixins
  2. 21BEM with Sass
  3. 22Folder Architecture (7-1 Pattern)
  4. 23Customising Bootstrap 5.3 with Sass
  5. 24Source Maps & Production Builds
  6. 25Sass vs PostCSS vs Native CSS

Project Project

  1. 26Project: Themeable UI Kit

Learn Sass with a mentor

Free lessons get you started. Our Full Stack Web Development training adds real projects and code reviews from working developers.

  • Project-based learning
  • Mentor code reviews
  • Free counselling call
Get course details +91 90532 10052