Click here to navigate the course.

Drag the edges to resize the window.

In Projects, you can keep track of your progress as you go throught the tasks. Check each item as you complete it!

Code Editor
Web Browser
Your First Sass Stylesheet

Maps & Lists

In addition to color, numbers, strings, booleans, and null, Sass also has two other data types, lists and maps.

  • Lists can be separated by either spaces or commas. For example, the following list denotes font properties, such as:
1.5em Helvetica bold;


Helvetica, Arial, sans-serif;

Note: You can also surround a list with parentheses and create lists made up of lists.

  • Maps are very similar to lists, but instead each object is a key-value pair. The typical map looks like:
(key1: value1, key2: value2);

Note: In a map, the value of a key can be a list or another map.

Report a Bug
If you see a bug or any other issue with this page, please report it here.