Skill Topic · Cinematic

🚆📋 SASS List Functions — Train Bogey Passenger List System

Jaise train me har bogey me passengers hote hain — gino kitne hain (length), specific seat wala…

Overview

🚆📋 SASS List Functions — Train Bogey Passenger List System — Quick Facts

📌

Function: Kaam

🎯

`length($list)`: Passengers gino

⚡

`nth($list, $n)`: Seat #n wala nikalo

🔑

`set-nth($list, $n, $val)`: Seat pe naya baithao

Topic 1

📌 Pehle Samjho: Train Bogey Analogy 🚆

🤖 `mermaid graph LR A["🚆 Bogey 1<br>$colors: red, green, blue"] --> B["length() = 3…

Topic 2

📌 Lists Kya Hain? — Bogey Types ⭐

🧠 `scss // ═══ SPACE-SEPARATED LIST — Seats side by side ═══ $padding: 10px 20px 30px 40px;…

Topic 3

📌 All List Functions — Ticket Checker Toolkit ⭐

💡 | Function | Kaam | Example | Result | |----------|------|---------|--------| |…

Topic 4

📌 length() — Passengers Gino ⭐

⚡ 🚆 Analogy: Ticket checker bogey me passengers count karta hai! `scss $colors: red, green,…

Topic 5

📌 nth() — Specific Seat Wala Nikalo ⭐⭐

🎯 🚆 Analogy: "Seat #2 pe kon baitha hai?" → nth($list, 2)! `scss $colors: red, green, blue,…

Topic 6

📌 set-nth() — Seat Pe Naya Passenger ⭐

🔮 🚆 Analogy: "Seat #2 pe green ki jagah purple baithao" — lekin naya bogey banta hai,…

Topic 7

📌 join() — Do Bogeys Jod Do ⭐

🌐 🚆 Analogy: Do bogeys connect karke ek lambi train banao! `scss $a: 1px 2px; $b: 3px 4px;…

Topic 8

📌 append() — End Me Naya Passenger ⭐⭐

📊 🚆 Analogy: Train ke last bogey me naya passenger add karo! `scss $colors: red, green;…

Topic 9

📌 index() — Seat Number Dhundho ⭐

🤖 🚆 Analogy: "Green ki seat number kya hai?" → index() se position! `scss $colors: red,…

Topic 10

📌 zip() — Parallel Bogeys Merge ⭐

🧠 🚆 Analogy: Do parallel trains ke passengers ko pair karo — Train A ka #1 + Train B ka #1…

Topic 11

📌 @each Loop — Bogey Traverse ⭐⭐

💡 `scss // ═══ BUTTON GENERATOR ═══ $buttons: ( (primary, #3B82F6, white), (secondary,…

Topic 12

📌 Custom List Helpers ⭐⭐

⚡ `scss // ═══ REMOVE — Passenger Utaro ═══ @function list-remove($list, $value) { $result:…

Topic 13

📌 Common Mistakes — Ticket Errors! 🚨

🎯 | # | ❌ Galat (Error) | ✅ Sahi (Correct) | 💡 Kyun? |…

Topic 14

🎯 Practice Exercises — Bogey Workshop! 🏋️

🔮 Exercise 1: Basic List Operations (Beginner) 🟢 `scss // ✅ Solution $fruits: apple,…

Topic 15

📋 Summary Table

🌐 | Function | Kaam | Train Analogy | |----------|------|---------------| | length() |…

Topic 16

🔗 Navigation

📊 ⬅️ Previous: SASS Numeric Functions | ➡️ Next: SASS Map Functions

Diagram

Visual Flow

📊 Diagram visualization — details in narration

Quick Quiz

Quiz — Question 1

🚆📋 SASS List Functions — Train Bogey Passenger List System ka sabse sahi definition kya hai?

Quick Quiz

Quiz — Question 2

🚆📋 SASS List Functions — Train Bogey Passenger List System ka 'length($list)' kya hai?

Complete! 🎉

🚆📋 SASS List Functions — Train Bogey Passenger List System Complete!

Aliens School · HIEN · Cinematic Knowledge

✅