playlistduration

SASS Tutorial (Build Your Own CSS Library)

by Net Ninja · 22 videos

Total watch time

3h 7m

at 1× speed · exactly 3 hours, 6 minutes, 50 seconds at 1×

1×3h 6m 50s
1.25×2h 29m 28s
1.5×2h 4m 33s
1.75×1h 46m 46s
2×1h 33m 25s
Average video8m 30s
Longest16m 1s
Shortest3m 45s
Compare Open on YouTube JSON

Plan to finish

About 4 days at an hour a day

Pick a daily pace and the days you'll watch. Ticked videos are skipped.

Days

At one hour a day, every day, this playlist takes about 4 days. Turn on JavaScript to plan around your week.

Videos (22)

3h 7m in total · tick what you've watched

Tick videos you've watched — progress is saved in this browser.

Videos to
Watched
1 SASS Tutorial (build your own CSS library) #1 - Introduction 4:38 2021-08-23
2 SASS Tutorial (build your own CSS library) #2 - Compiling SASS 16:01 2021-08-23
3 SASS Tutorial (build your own CSS library) #3 - Variables 8:01 2021-08-24
4 SASS Tutorial (build your own CSS library) #4 - Partials & @import 4:35 2021-08-25
5 SASS Tutorial (build your own CSS library) #5 - Project Structure 6:56 2021-08-25
6 SASS Tutorial (build your own CSS library) #6 - Nested Rules 7:41 2021-08-26
7 SASS Tutorial (build your own CSS library) #7 - Using Math 6:31 2021-08-27
8 SASS Tutorial (build your own CSS library) #8 - Maps 6:58 2021-08-30
9 SASS Tutorial (build your own CSS library) #9 - Loops 11:22 2021-08-30
10 SASS Tutorial (build your own CSS library) #10 - Conditionals (@if) 4:27 2021-08-31
11 SASS Tutorial (build your own CSS library) #11 - Parent Selectors 5:13 2021-09-01
12 SASS Tutorial (build your own CSS library) #12 - Mixins 11:58 2021-09-02
13 SASS Tutorial (build your own CSS library) #13 - Functions 5:53 2021-09-06
14 SASS Tutorial (build your own CSS library) #14 - Making Utility Classes 14:09 2021-09-06
15 SASS Tutorial (build your own CSS library) #15 - Media Queries 9:41 2021-09-07
16 SASS Tutorial (build your own CSS library) #16 - Making a Grid System (part 1) 14:50 2021-09-08
17 SASS Tutorial (build your own CSS library) #17 - Making a Grid System (part 2) 9:08 2021-09-10
18 SASS Tutorial (build your own CSS library) #18 - Using @extend 10:35 2021-09-10
19 SASS Tutorial (build your own CSS library) #19 - Using the CSS Library 10:07 2021-09-13
20 SASS Tutorial (build your own CSS library) #20 - Purging CSS 6:22 2021-09-14
21 SASS Tutorial (build your own CSS library) #21 - Customizing the Library 7:59 2021-09-15
22 SASS Tutorial (build your own CSS library) #22 - Extending the Library Yourself 3:45 2021-09-15

Embed a badge

Show the watch time in a README or course description — it links back here and updates itself

Watch time: 3h 7m · 22 videos

Markdown
[![Watch time: 3h 7m · 22 videos](https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb.svg)](https://playlistduration.com/playlist/PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb)
HTML
<a href="https://playlistduration.com/playlist/PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb"><img src="https://playlistduration.com/badge/playlist/PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb.svg" alt="Watch time: 3h 7m · 22 videos" width="196" height="20"></a>

Add ?speed=1.5 to the image URL for the time at that speed, ?label=Course to change the left text, or ?style=flat-square for square corners.

Want the numbers themselves? GET https://playlistduration.com/api/v1/playlist/PL4cUxeGkcC9jxJX7vojNVK-o8ubDZEcNb returns them as JSON — free, no key. API docs →

Data from the YouTube Data API as of 2026-09-22 (cached). Private or deleted videos are excluded from totals.