iwantcoding
.com
Tutorials
▾
Web Frontend
HTML
CSS
HTML5
CSS3
JavaScript
TypeScript
Sass
React
Vue
Svelte
Tailwind
Backend
Python
PHP
Node.js
Java
Go
Rust
Ruby
C#
Databases
SQL
MySQL
PostgreSQL
MongoDB
Firebase
GraphQL
Redis
Mobile
React Native
Flutter
Swift
Kotlin
Ionic
Cloud & DevOps
AWS
Docker
Kubernetes
CI/CD
Linux/Bash
AI & Data
NumPy/Pandas
Machine Learning
TensorFlow
PyTorch
LangChain
RAG
Cybersecurity
XSS
SQL Injection
CSRF
OWASP Top 10
Cryptography
Ethical Hacking
Tools
Git
DSA
Design Patterns
RegEx
VS Code
Specialty
Game Dev
WordPress
Web3/Solidity
Three.js
Capstone
Enterprise Architecture
HTML
CSS
JAVASCRIPT
SQL
PYTHON
PHP
TYPESCRIPT
REACT
NODEJS
MONGODB
DOCKER
GIT
TAILWIND
GRAPHQL
LINUX-BASH
AWS
KUBERNETES
VUE
SVELTE
SASS
THREEJS
GO
RUST
JAVA
RUBY
CSHARP
WORDPRESS
POSTGRESQL
MYSQL
REDIS
FIREBASE
REACT-NATIVE
FLUTTER
SWIFT
KOTLIN
IONIC
CICD
NUMPY-PANDAS
ML
TENSORFLOW
PYTORCH
LANGCHAIN
XSS
SQLI
CSRF
OWASP
CRYPTO
DSA
DESIGN-PATTERNS
REGEX
VSCODE
GAMEDEV
WEB3
ENTERPRISE
CAPSTONE
ETHICAL-HACKING
🔥 Daily
👥 Rooms
🏆 Top
Log in
Sign up
AI ✨
Sass Tutorial
BOSS QUIZ
10 questions · 5 minutes · pass at 70% to clear the track.
05:00
Start
Q1.
A Sass variable is declared with…
from Variables
--name
$name
@name
#name
Q2.
For runtime theming, prefer…
from Variables
Sass variables
CSS custom properties (--var)
inline styles
data-attributes
Q3.
Inside a nested rule, the parent selector is…
from Nesting
$parent
&
@self
%parent
Q4.
A partial filename starts with…
from Partials & @use
$
_
.
@
Q5.
The modern way to include a partial is…
from Partials & @use
@import
@use
@require
@link
Q6.
Mixins can accept…
from Mixins
Only strings
Arguments with defaults
Only colors
Nothing
Q7.
Sass variables are…
from Variables
Resolved at compile time
Available at runtime in DevTools
Inherited like CSS custom props
Globally mutable from JS
Q8.
Native CSS nesting now exists too, but Sass nesting works…
from Nesting
Only on Chromium
Everywhere — it compiles to plain CSS
Only in production
Only inside @media
Q9.
Over-nesting is bad because it…
from Nesting
Breaks the cascade
Generates very specific selectors
Doubles file size 10x
Disables source maps
Q10.
Define a mixin with…
from Mixins
@function
@mixin
@extend
@include
Submit
Back to Sass Tutorial
🏆
Achievement unlocked!