Master programming syntax, solve interactive challenges & run live code in Syntaxis Explore Arena →

menu_book Course Curriculum (Sass / SCSS) expand_more

Syntax & Variables

SCSS syntax Variables Interpolation Comments Nested selectors Parent selector Placeholder selectors Selector lists

Values & Operators

Numbers and units Strings Colors Lists Maps Boolean logic Math operators Color functions

Control Flow

@if @else @for @each @while List iteration Map iteration Conditional assignment

Reuse

Mixins Mixin arguments Optional arguments Keyword arguments @content Functions @return @extend

Modules

@use Namespaces @forward Configuration with !default Private members Built-in sass:math Built-in sass:map Built-in sass:color

CSS Integration

Media query nesting Supports nesting At-root Custom properties calc preservation Slash division migration Source maps concept Architecture partials

Sass / SCSS / Modules

Built-in sass:map

Learn Built-in sass:map in Sass / SCSS with a dedicated explanation, a concept-specific example, a production caution, and a mastery check.

12 min read • Advanced

sass-scss-039.scss

scss

@use "sass:map";
$theme:(primary:#2563eb);
.button{background:map.get($theme,primary)}

What to watch

Content source & attribution

Original Syntaxis Content · Original Syntaxis Content

Lesson quizzes

Built-in sass:map Mastery Check →

Built-in sass:math

Built-in sass:color